OuviP2

OuviP2 is part of my Final Course Project in Systems Analysis and Development. This system proposes a solution for the city of Pedro II, located in the state of Piauí, Brazil. Through this web platform, the aim is to establish an efficient and direct way for citizens to report urban issues and contribute to the continuous improvement of the city.

Live Project »

Explore the Docs »

ouvip2.mp4

Features

Urban Problems Reporting: Allows citizens to report issues such as potholes on roads, lack of public lighting, accumulated trash, among others.
Clean Interface: Developed a user-friendly web interface so that users can report problems quickly and easily.
Geolocation: Integrates a geolocation feature to identify the precise location of reported problems.
Medias Upload: Integrates a way to upload files (Image and Video).
Status Tracking: Provides users with the ability to track the status of reported problems, from submission to resolution.
Real-Time Notifications: Implements a real-time notification system to inform users about updates on reported problems.
Data Security: Ensure the security and privacy of user data, following best practices in data protection.
Multiplatform Support: Ensure that OuviP2 is accessible on different devices, such as computers, tablets, and smartphones.

Technologies Used

Angular: A framework for building scalable and high-performance web applications.
TypeScript: A programming language that is a typed superset of JavaScript.
PHP: A general-purpose programming language, especially suitable for web development.
MySQL: An open-source relational database management system.

Skills Worked On

UI/UX Design: Figma;
Web Development: Angular, CSS, PHP;
Database Management: SQL;
Agile Methodologies: Scrum;
Technical Writing: LaTeX;

Getting Started

Clone the Repository:
```
https://github.com/ruanvcg/ouvip2.git
```
Access the Project:
- Navigate to the ouvip2 directory to access the repository;
- Open the project in your preferred code editor;
Install Dependencies:
- Run npm install to install all project dependencies;
Serve the Application:
- Run ng serve to start a development server;
- Navigate to http://localhost:4200/ in your browser to view the application;

Usage

Register: After accessing the website, look for the login option. If you don't have an account yet, create a new one by providing your personal information;
Login: After creating your account, provide the registered email and password to log in to the platform;
(User) Create Manifest: On the user's (citizen's) home page, scroll down and look for the types of issues you wish to report. Then, you will be redirected to a form with the main information that needs to be provided;
(User) Follow Manifests: Still on the user's (citizen's) home page, there will be an option to track the submitted reports, categorized by their status;
(Admin) Follow Manifests: When logging in as an admin, you will obtain the list of reports divided by status: pending, forwarded, and completed, with the ability to view, delete, and notify users;