---

📌 Overview

OD Management System is a modern web app to track OD hours, manage a weekly timetable, and log events with automatic conflict-based OD calculation. It's built with vanilla JavaScript, hosted on Vercel, and uses Supabase for user authentication and persistent cloud storage. Users can create an account, and all their data (timetable, events, settings) is securely saved and accessible from any device.

---

🚀 Features

• 🔐 User Authentication — Secure sign-up and login using Supabase.
• ☁️ Cloud Data Sync — All data (timetable, events, settings) is saved to your account and accessible anywhere.
• 🎨 Modern Dashboard — Fresh design, color-coded timetable, responsive layout.
• 📅 Timetable Management — Add, edit, and remove classes for Theory/Lab (Mon–Sat).
• 📆 Event Handling — Conflict detection + auto OD hour calculation.
• ⏳ OD Balance Tracking — Visual progress bar for remaining OD hours (starts at 40h).
• 📜 Event History & Data Export — Search, view, and export your event history (CSV) or all app data (JSON).

---

🛠 How to use?

This project is live and ready to use! You can access it here: OD Calculator Tool

📋 Usage Guide

1. Sign Up/Login → Create an account or log in to access the app.
2. Setup Timetable → Navigate to the "Timetable" section and click on available slots to add your classes.
3. Add Events → Go to "Add Event", fill in the details, and see automatic conflict detection.
4. View History → Check the "Event History" to search, view details, or delete past events.

---