A React frontend application for the Alert CAS project
This repository contains the frontend application for the Geo-Fencing-Based Emergency Advertising system. The project provides a web-based dashboard to visualize and manage geo-fencing alerts based on user mobility and location.
- Interactive Map: Displays real-time user locations and alerts.
- Geo-Fencing Alerts: Allows managers to create alerts based on user proximity.
- Transport Mode Filtering: Users can filter displayed data based on detected mobility modes (e.g., walking, car).
- Cluster Visualization: Implements k-means clustering for user distribution.
- Responsive UI: Designed with React and Leaflet for seamless interaction.
- Node.js (>= 20.x)
- pnpm
# Clone the repository
git clone https://github.com/cas-4/frontend.git
cd frontend
# Install dependencies
pnpm installThe application will be available at http://localhost:5173.
- The application interacts with the backend via Apollo Client.
- Ensure that the backend is running and the API URL is correctly set in
.env.
To build the project for production:
pnpm run buildServe the build/ directory using a web server such as Nginx or Vercel.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch (
feature/new-feature). - Commit your changes.
- Submit a pull request.