Welcome to the Interactive Timetable project! This web application allows you to create and manage a weekly timetable with ease. You can add, edit, and delete classes for each day of the week.
- Interactive and user-friendly interface.
- Edit and delete classes easily.
- Save timetable data locally for future reference.
- Responsive design for various screen sizes.
Check out the live demo to play the game.
Make sure you have the following installed on your machine:
- Web browser (Google Chrome, Firefox, Safari, etc.)
-
Clone the repository to your local machine:
git clone https://github.com/gmpsankalpa/interactive-timetable.git
-
Open the
index.html
file in your preferred web browser.
Click the "Toggle Edit Mode" button to switch between viewing the timetable and editing mode. In edit mode, you can add, edit, and delete classes.
- In edit mode, fill in the "Time" and class information for each day of the week.
- Click the "Add Row" button to add the class to the timetable.
- In edit mode, click on the row you want to edit. The row will be highlighted.
- Modify the class information in the form.
- Click the "Edit Row" button to save the changes.
- In edit mode, click on the row you want to delete. The row will be highlighted.
- Click the "Delete Row" button to remove the selected class.
Click the "Clear All" button to remove all classes from the timetable.
Feel free to customize the styles and layout by modifying the HTML, CSS, and JavaScript files. Add your own colors, fonts, or additional features to suit your preferences.
Contributions are welcome! If you have suggestions, bug reports, or want to add new features, please open an issue or create a pull request.
This project is licensed under the MIT License.