ViniciusResende / RIVPR

An application visioning a better administration for local governmental entities in their cities.

🌎 An application visioning a better administration for local governmental entities in their cities. 🌎

🌐 RIVPR(Regional Issue Vizualizer and Problemns Report) | | In Development 🌐

About   |    Layout   |    Lauching the project   |    Technologies   |    Author

📱 About the project:

🌎 RIVPR - Is an application that allows the users report problems in their region, so the governmental entities will be able to see easier the problems with the city and solve them quickly.

🎓 The project was developed with the main purpose of became the undergraduate thesis in the technician course of IT from the Federal University of Viçosa.

📈The project was an essential opportunity to develop skills with React Native, NodeJS and others technologies, like the Geocoding API's and Maps libraries.

🔎 More informations:

This repository contains an REST API developed with NodeJs as backend and a mobile application developed in React Native, every of them in JavaScript.

Node.js: is an REST API that does all the CRUD of the application, data persistence, exception management and gives data to the mobile part of the project.

React Native: is the app part that contains the User Interface, and also has the map display with some functions that are essential for the well working.

🎨 Layout of the Application:

LogIn and SignUp Screens:

Main Screen:

Report Inspect Screen:

Profile and Profile Options Screens:

Add Report and Seach Report Screens:

🚀 Launching the project:

The project is divided in two main parts:

1. Backend (backend folder)
2. Mobile/Frontend (mobile folder)

💡 Is required that the backend is in execution to work.

Pre requirements

Before start, you should need have installed in your computer those following tools:

Git
Node.js

Adding, you must have an ambient to run mobile applications, you can choose the Expo for that:

Expo

It is also recommended a good code editor, for example:

VSCode

Ending, is necessary to have an SQL database, preferentially:

SQLite3

⚙️ Starting the Backend (Server API):

# Clone the Repository
$ git clone https://github.com/ViniciusResende/RIVPR.git

# Enter the poject folder in the Terminal
$ cd RIVPR

# Go to the server folder
$ cd backend

# Install all the dependencies
$ npm install

# Execute the following code to construct the migrations
$ npx knex migrate:latest

# Execute the appliction with this command
$ npm start

# The server will start in the port:3333

---

📳 Starting the Frontend (Mobile):

# Clone this Repository
$ git clone https://github.com/ViniciusResende/RIVPR.git

# Enter the poject folder in the Terminal
$ cd RIVPR

# Go to the mobile folder
$ cd mobile

# Install all the dependencies
$ npm install

# Execute the appliction with this command
$ yarn start

# With this done, a QR Code will be displayed, you can scan it with the Expo App or you can take the route link and use in a Cell Phone Emulator

---

👨‍💻 Used Technologies:

Those following tools were used in the project development:

Mobile (React Native + JavaScript)

• Axios
• Expo Location
• Feather
• React Native Maps
• React Native Picker
• React Navigation
• React WebView

Server (NodeJS + JavaScript)

• CORS
• Crypto
• Express
• SQLite3

🙋‍♂️ Author

Vinícius Alves