General-info | Preview | Tech Stack | Features | Screenshots | License | Disclaimer
City-Hero is a full-stack project that aims to provide citizens with a platform to report city events directly to the municipality. The project consists of two React Native apps and a React website that work together to create a seamless user experience.
The two mobile apps are designed for both Android and iOS users, providing a convenient and accessible way for citizens to report issues such as street blockages, road damage, and other municipal problems. The apps have a user-friendly interface and provide the users with the ability to upload photos and add comments to their reports.
The React website provides a centralized location for all reports made by the citizens. It is accessible to the municipality officials and provides them with real-time data on the issues reported by the citizens. They can easily view the reports, their location, and status of the request, which allows them to take action accordingly.
One of the key features of City-Hero is the map functionality that allows the municipality officials to locate the reported issues and dispatch inspectors to the site. The map displays the location of all the inspectors, allowing the officials to assign an inspector closest to the site to quickly resolve the issue.
Overall, City-Hero is a comprehensive platform that provides a modern and innovative solution to address municipal issues. It has successfully bridged the gap between citizens and the municipality officials, creating a more efficient and effective system for problem-solving in the city.
-
Head over to the Google Play Store and download the Expo Go app
-
Open the Expo Go app or simply go to the Expo website and follow the instructions to register for an Expo account
- Note: You will need an account on Expo in order to view the app!
-
After completing step 1 and 2 above, open your device camera and scan the provided QR code in the link below:
- Link: https://expo.dev/@tommy2804/citizen && https://expo.dev/@tommy2804/inspector (Published version of app hosted on Expo)
-
After scanning the QR code, the Expo Go app will automatically load up the app
- Note: If this is your first time opening the app, it might take a while to load up. Please be patient!
-
Enjoy! The app should be successfully loaded by now. Please feel free to play around and test out its features. If for any reason the app couldn't be loaded or any of the features are breaking, please report the issue at the link below.
- 🔼 Expo
- 👷 React JS
React Native- 📃 React Native Paper
- 🔗 React Navigation
- 🎭 Styled Components
- 🔥 MongoDB
- 🗺️ Google Places APIs
- Register & Login authentication through email & password.
- Location search through cities around the world to discover restaurants.
- Customizable report images utilizing mobile device camera with user permissions.
- Online report by citizens, with current location perrmitions to send currend data directly to the munciplity
📊 Videos
city-hero-native-video.mp4
inspector-video-1.mp4
This project is under the terms of the MIT license. For more information, please refer to the license documentation.
The contents of these pages are provided as an information guide only. While every effort is made in preparing the material for publication, no responsibility is accepted by or on behalf of the owner(s) for any errors, omissions or misleading statements on these pages or any site to which these pages connect. Although every effort is made to ensure the reliability of listed sites this cannot be taken as an endorsement of these sites.