Timetable App

$\textcolor{orange}{\text{This app is currently in development.}}$

$\textcolor{red}{\text{Disclaimer}}$

$\textcolor{red}{\text{This app is not made by TDSB and is not affiliated with TDSB in any way. It is an independent project developed by me}}$

Description

A modern and sleek Progressive Web App (PWA) for managing your daily timetable. The app allows you to save and view your daily periods, switch between light and dark modes, and view a monthly calendar of your classes. It works offline and ensures data persistence.

Features

• Daily Timetable: View your timetable for the day with periods that swap positions daily.
• Dark Mode: Toggle between light and dark modes.
• Edit Periods: Customize your periods through the settings popup.
• Offline Access: The app is a PWA that works offline and syncs data.
• Modern UI: Simple and sleek design using modern web standards.

Installation

1. Clone the repository:

   git clone https://github.com/HassanSattar3/Better-Tdsb-Routine-App

2. Navigate to the project directory:

   cd timetable-app

3. Open index.html in your preferred web browser.

Usage

1. Open the app in your browser.
2. View today's and tomorrow's dates at the top.
3. Click on the settings icon in the top-right corner to open the settings popup.
4. Toggle dark mode and edit your periods.
5. Click "Save Settings" to save your changes.
6. View your updated timetable on the main screen.

Files

• index.html: The main HTML file containing the app's structure.
• styles.css: The CSS file for styling the app.
• app.js: The JavaScript file for app functionality.
• sw.js: The service worker for offline capabilities.

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• Service Workers (for PWA functionality)
• Font Awesome (for icons)

Contributing

Feel free to contribute to this project by creating a pull request or reporting issues.

License

This project is licensed under the MIT License.