Git Product home page Git Product logo

mobilease's Introduction

MobilEASE

logo

A Web-Based Traffic Complaint System that can be used by citizens for reporting various traffic and civic issues.

Background / Problem Statement

The problem addressed by the MobilEASE is the prevalence of traffic chaos in urban areas due to a lack of efficient means for citizens to report incidents. The current system of reporting traffic incidents is often cumbersome, time-consuming, and ineffective, resulting in delayed resolution and increased frustration among citizens. This has led to a lack of accountability and transparency in governance and has negatively impacted the quality of life in cities. The proposed solution seeks to provide a user-friendly and convenient platform for citizens to report traffic incidents directly from their mobile devices. The system will utilize GPS technology to pinpoint the location of incidents and allow users to upload photos and videos as evidence, promoting a culture of civic responsibility and collaboration.

Features

  • Two types of users - citizen and official
  • Progressive Web App (PWA)
  • Completely Mobile Responsive
  • Only citizen users can be created using the webpage, official credentials are given by admin
  • Ability to attach video/image of the incident while reporting
  • Ability to track reported complaints

Screenshots

Screenshot 1 Home Page Screenshot 5 Login Page
Screenshot 3 Report Complaint Page Screenshot 4 Official Dashboard
Screenshot 5 Detailed Complaint View Screenshot 2 Citizen Dashboard

Languages, Frameworks, Tools used

  • Figma for designing
  • Vite + ReactJS
  • Firebase as database (Firestore) and cloud storage
  • Tailwind CSS for styling
  • Material UI (MUI) for some components (Dialog, DataGrid, etc.)

Developing

  • Clone the repository
$ git clone https://github.com/vivekkj123/mobileEASE.git
  • Install all dependencies
$ cd mobileEASE
$ npm i
  • Create a firebase project and create a .env file at your local directory containing configuration of that project. (Refer env.example for the variable names)

  • Run the server

    $ npm run dev

    The application will be running at http://localhost:5173

Contributing

This project is created as part of our semester 4 project exhibition. If you are inspired and too enthusiastic about this web application, feel free to ping me on any social medias before making any changes.

License

MIT

mobilease's People

Contributors

gustavolennyng avatar vivekkj123 avatar javabipe avatar vitorfigueired0 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.