In this blog post, I'm going to share the details of a project I've been working on: Disaster Management System. Built using React and TailWind CSS for the front-end and MySQL for the back-end, this system aims to help people report and manage disaster situations efficiently. The goal is to build a scalable, user-friendly, and efficient solution for handling critical disaster reports in real-time.
This project integrates several key features that aim to enhance user experience and ensure the efficient management of disaster-related reports:
- Real-time reporting: Users can report disasters as they occur, ensuring a quick response.
- Photo upload functionality: Users can upload images of the disaster site to provide more context for the reports.
- Location auto-detection: The system automatically detects the user's location, simplifying the reporting process.
- OTP-based authentication: Ensures secure access to the system by verifying the user's identity.
- Geolocation-based SOS: Users can send SOS requests based on their current location, enhancing the system’s responsiveness.
- Speech-to-text functionality: This feature allows users to record voice descriptions of the disaster, converting speech into text for easy submission.
- Frontend: React.js and Tailwind CSS
- Backend: Node.js, Express.js
- Database: MySQL
- Additional Tools:
- Geolocation API
- Google Maps for location auto-detection
- Speech-to-text APIs for voice reports
- Overseas API
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/Aniket-Chugh/disaster-managment-React-and-MySql.git cd disaster-managment-React-and-MySql