https://github.com/abdulrahman843/accident-data-dashboard
A standard Ionic Angular project for visualizing accident data in traffic engineering studies.
https://github.com/abdulrahman843/accident-data-dashboard
accident-data accident-studies angularjs chartjs civil-engineering dashboard ionic traffic-engineering
Last synced: 4 months ago
JSON representation
A standard Ionic Angular project for visualizing accident data in traffic engineering studies.
- Host: GitHub
- URL: https://github.com/abdulrahman843/accident-data-dashboard
- Owner: Abdulrahman843
- Created: 2025-02-18T23:57:27.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2025-02-19T00:30:10.000Z (4 months ago)
- Last Synced: 2025-02-19T01:24:09.904Z (4 months ago)
- Topics: accident-data, accident-studies, angularjs, chartjs, civil-engineering, dashboard, ionic, traffic-engineering
- Language: TypeScript
- Homepage: https://accident-data-dashboard.vercel.app
- Size: 294 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Accident Data Dashboard
A standard Ionic Angular project for visualizing accident data in traffic engineering studies.
## Project Overview
The **Accident Data Dashboard** is a mobile-friendly application built with **Ionic Framework** and **Angular**. It provides insights into accident trends using charts and statistics.
## Features
. Accident Statistics Overview
. Data Visualization using Chart.js
. Mobile-Friendly UI with Ionic Components
. Filtering & Sorting (Future Enhancement)
. Deployment via Vercel
## Installation & Setup
1️. Prerequisites
Ensure you have Node.js and Ionic CLI installed:
npm install -g @ionic/cli
2️. Clone the Repository
git clone https://github.com/Abdulrahman843/Accident-Data-Dashboard.git
cd Accident-Data-Dashboard
3. Install Dependencies
npm install
4️. Run the Development Server
ionic serve
The app will open at http://localhost:8100.
## Deployment
Vercel Deployment
1️. Manual Deployment (Without GitHub)
ionic build --prod
npm install -g vercel
vercel
2️. GitHub Integration (No Command Needed)
Push the project to GitHub.
Go to Vercel → Import GitHub Repo.
Set Build Command → ionic build --prod
Set Output Directory → www
Click Deploy.
## Technologies Used
Ionic Framework (UI Components)
Angular (Standalone Components)
Chart.js (Data Visualization)
Firebase (Optional) (Future Real-time Data)
## License
This project is open-source under the MIT License.
## Contributing
Pull requests are welcome! Feel free to fork the repo and submit improvements.
## Contact
For inquiries or support, reach out at:
[email protected];
https://github.com/Abdulrahman843