Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ruanvictordev/ouvip2

Web application for urban issues management and analysis. Created for my thesis in Systems analysis and development.
https://github.com/ruanvictordev/ouvip2

angular finished php tailwind urban-planning

Last synced: 2 days ago
JSON representation

Web application for urban issues management and analysis. Created for my thesis in Systems analysis and development.

Host: GitHub
URL: https://github.com/ruanvictordev/ouvip2
Owner: ruanvictordev
Created: 2023-08-05T16:07:03.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-05-13T00:30:42.000Z (8 months ago)
Last Synced: 2024-11-17T09:53:21.395Z (2 months ago)
Topics: angular, finished, php, tailwind, urban-planning
Language: TypeScript
Homepage: https://ouvi-p2.vercel.app
Size: 3.78 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

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 »

https://github.com/ruanvcg/ouvip2/assets/62728646/f4e06a9e-d894-4d53-8d63-37c4b440711b

Features

Technologies Used

Skills Worked On

Getting Started

Usage

Gallery

Contributing

Author

Contact

## 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](https://angular.io/)**: A framework for building scalable and high-performance web applications.

- **[TypeScript](https://www.typescriptlang.org/)**: A programming language that is a typed superset of JavaScript.

- **[PHP](https://www.php.net/)**: A general-purpose programming language, especially suitable for web development.

- **[MySQL](https://dev.mysql.com/doc/)**: 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
1. **Clone the Repository**:
```bash
https://github.com/ruanvcg/ouvip2.git
```
2. **Access the Project**:
- Navigate to the `ouvip2` directory to access the repository;
- Open the project in your preferred code editor;
3. **Install Dependencies**:
- Run `npm install` to install all project dependencies;
4. **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;

## Gallery

| Login Page | Register Page |
|-----------------------------|--------------------------|
|![Login Page](https://github.com/ruanvcg/ouvip2/assets/62728646/f2fdb31b-161d-4a6a-a6c3-7e1641f6380a)|![Register Page](https://github.com/ruanvcg/ouvip2/assets/62728646/e7090adb-58b3-4571-b6b1-05f5ba77113c)|

| Create Manifest | Follow Manifest |
|-----------------------------|--------------------------|
|![Create Manifest](https://github.com/ruanvcg/ouvip2/assets/62728646/79b41b56-1bcc-4dd8-b74f-da01788ace50)|![Follow Manifest](https://github.com/ruanvcg/ouvip2/assets/62728646/17f9d2ee-0bbd-4ae9-9026-000a1bfba5eb)|

| Manifests (Admin) | View Manifest |
|-----------------------------|--------------------------|
|![Manifests (Admin)](https://github.com/ruanvcg/ouvip2/assets/62728646/1a7a1924-7d17-40c1-911d-92654c150e1e)|![View Manifest](https://github.com/ruanvcg/ouvip2/assets/62728646/f7215dc1-516a-40e0-962b-6a1f83102593)|

## Contributing
Contributions are welcome! Feel free to submit bug reports, feature requests, or pull requests to help improve this project.

## Author

_{Ruan Victor}

_{Thiago Moura}