A web-based application to track and visualize driving experiences. This project allows users to record details about their driving sessions, such as mileage, weather conditions, traffic levels, and road types. It includes visualizations to better understand driving patterns over time. This project was created as part of the 2nd Year, 1st Semester Front-End Final Project at University.
- Add New Driving Experiences: Users can add information about their driving sessions, including date, time, mileage, weather, traffic conditions, maneuver type, and road type.
- List of Driving Experiences: Displays all recorded driving experiences in a table format.
- Visualizations:
- Mileage Chart: Bar chart showing total mileage for each day.
- Weather Distribution: Pie chart showing the distribution of weather conditions during recorded drives.
- Road Type Distribution: Pie chart showing the distribution of different road types during recorded drives.
- Delete All Experiences: Option to clear all saved driving experiences.
- Responsive UI: The design is mobile-friendly, making it easy to use on various devices.
- HTML5: Structure of the website.
- CSS3: For styling and responsive design.
- JavaScript: Client-side functionality to handle data visualization and user interactions.
- Chart.js: Used for creating interactive charts for mileage and category distributions.
- Local Storage: Data is stored in the browser’s local storage for persistent state between sessions.
Ensure you have a modern web browser to run this application, such as Google Chrome, Firefox, or Safari.
-
Clone this repository to your local machine:
git clone https://github.com/yourusername/DrivingTracker.git
-
Navigate to the project folder: cd DrivingTracker
-
Open index.html in your browser to start using the application.
If you’d like to contribute to this project, feel free to fork it and create a pull request. Please make sure to test your changes and follow the project's coding style.
This project is licensed under the MIT License.