Timetable Viewer - 4th Year IT_CCE

A modern, responsive, and personalized timetable management application explicitly designed for 4th Year Information Technology & Computer Communication Engineering (Semester VII, AY 2026-27) at Manipal Institute of Technology.

🚀 Features

• Personalized View: Pick your specific electives (PE-3 through PE-7 and the Open Elective) from the full published course baskets — including per-section room allocations — to generate a timetable tailored exactly to your schedule.
• Student Project: Doing the student project instead of an open elective? Pick it from the OE list and those three periods drop out of the day view, week view and calendar export.
• Day & Week Modes: Toggle between a focused daily view and a comprehensive weekly overview.
• Real-time Tracking:
  • Active Class: Automatically highlights the current period based on system time.
  • Progression: Grays out past classes to help you focus on what's next.
• Configuration Management:
  • Persistent Settings: Your selections are saved locally and persist through browser refreshes.
  • Export/Import: Share your configuration with classmates or back it up for later use.
• Modern Interface: Built with a sleek, minimalist aesthetic using Next.js, ShadCN, and Radix UI.
• Responsive Design: Fully optimized for both desktop and mobile devices.

🛠️ Tech Stack

• Framework: Next.js 15
• Styling: Tailwind CSS 4
• Components: ShadCN UI / Radix UI
• Icons: Phosphor Icons
• Runtime: Bun

🏃 Getting Started

Prerequisites

Ensure you have Bun installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/aaditagrawal/semester-timetable-v1
   cd timetable-v1
   

2. Install dependencies:

   bun install
   

3. Run the development server:

   bun dev
   

4. Open the app: Navigate to http://localhost:3000 in your browser.

📂 Project Structure

• app/: Next.js App Router pages and layouts.
• components/: Reusable UI components (Timetable tiles, Modals, Settings).
• lib/: Utility functions and the core timetable-data.ts definition.
• public/: Static assets and icons.

📝 Configuration

The timetable data is centrally managed in lib/timetable-data.ts. This includes:

• Course codes and names.
• Faculty assignments.
• Room numbers.
• Lab batch timings.

🤝 Contributing

This project is tailored for IT_CCE Sem VII. If you find any discrepancies in the schedule or have feature requests, feel free to open a PR or an issue!

---

Made for MITians by MITians.