Timetable Clash Checker Web App for Course Registration

Every semester, students pick courses for registration and discover timetable clashes only after submitting — two lectures at the same hour on the same day, found out the hard way during the first week of classes. Department notice boards and PDF timetables make it hard to see overlaps across a full course list, and credit totals are usually tallied by hand against the semester's minimum and maximum. The Timetable Clash Checker solves this with a single-file web app: select courses from a searchable catalog and it instantly builds a Mon–Fri weekly grid, highlights every overlapping class in red with the exact days and overlap times, tracks running credits against the 15–25 band, and compiles a registration-readiness checklist. One click exports the verified plan as CSV or prints it for the registration form. Built with plain HTML, CSS and JavaScript — no frameworks, no build step, no server — the whole project is readable end to end, which makes the logic easy to explain in a viva.

1. Courses are stored as structured data: code, name, credits, type and a list of (day, start, end) session tuples.
2. Clicking a course toggles it in the selection set; the grid, credit counter and clash banner re-render on every change.
3. The clash engine compares every pair of selected courses and, for each shared day, computes the overlap of their time intervals using half-open [start, end) logic — so back-to-back classes (one ending 10:00, next starting 10:00) do not clash.
4. Cells occupied by two courses get a striped red background with a CLASH tag, and a banner lists each conflict with days and exact overlap times.
5. Total credits are summed and shown against the 15–25 band with a progress bar and under/over warnings.
6. The summary view compiles statistics (credits, course count, clashes, weekly class hours), the four-point readiness checklist and a selected-courses table.
7. The verified timetable exports to CSV via the Blob API, or prints through a dedicated print stylesheet.

Tech stack:

• HTML5, CSS3 (grid layout, responsive cards, print stylesheet)
• Vanilla JavaScript (ES6) — clash engine, grid rendering, CSV export
• No frameworks, no build step, no backend — single file, runs in any modern browser

• [Searchable course catalog] Fifteen courses with realistic codes, names, credits and session timings; filter by Core/Elective or search by code or name.
• [Automatic clash detection] A pairwise overlap engine compares every selected course's day-time slots and flags any shared-day time overlap instantly.
• [Weekly timetable grid] A Mon–Fri, 09:00–18:00 half-hour grid renders the selection with color-coded lecture blocks.
• [Exact clash explanations] Each conflict is listed with the two courses, the clashing days and the precise overlap window (e.g. Mon, Wed 11:00–12:00).
• [Credit tracker] Running credit total with a progress bar against the 15–25 registration band, warning when under or over.
• [Registration-readiness checklist] Four checks — zero clashes, minimum credits, maximum credits, non-empty selection — all green before submission.
• [CSV export and print] Download the final timetable as CSV (courses, schedules, totals) or print it for the registration form.

• Single-file web app (HTML/CSS/JS) with the working clash checker
• Editable 15-course dataset with realistic codes, schedules and credits
• Project report PDF (background, scheduling problem, design decisions, testing)
• PPT presentation for final review
• Viva Q&A preparation document (interval-overlap logic, grid rendering, edge cases)
• User guide for adding courses and changing the credit band