VIT FFCS Timetable Web Application

Overview

This web application helps VIT students to easily create, manage, and visualize their timetable using the Fully Flexible Credit System (FFCS). Users can search for specific slots, highlight them, and fix them into a personalized timetable with associated subject names.

Features

• Slot Search and Highlight:

  • Search for slots by entering codes (e.g., A11+B11+C11) in the search box.
  • Matching slots will be highlighted in the timetable.

• Fix Highlights:

  • Assign a subject name to highlighted slots to fix them in the timetable.

• Reset Table:

  • Clear all fixed highlights and reset the timetable to its original state.

• Help Popup:

  • Provides guidance on how to use the timetable effectively.

How to Use

1. Search for Slots:

   • Enter slot codes in the search box. Slot codes should be separated by a + (e.g., A11+B11+C11).
   • Click the Search button to highlight these slots in the timetable.

2. Fixing Slots:

   • After highlighting, click the Fix button.
   • A modal will appear where you can enter a subject name for the selected slots.
   • Enter the subject name and click Submit to fix the slots in the timetable.

3. Resetting the Timetable:

   • Click the Reset button to clear all fixed slots, highlights, and subject names.

4. Help:

   • Click on the ❓ icon to open the help popup for guidance on using the timetable.

Preview

Screenshot of the timetable interface, showing highlighted slots and fixed subjects.

Known Issues and Future Updates

• Undo/Redo Feature: The undo and redo functionality is outlined but not fully implemented.
• Mobile Support: The application is currently optimized for PC use. Future updates may include improved mobile support.

Credits

• Developers: Vinay Kumar (23BAI10125) and Piyush Upadhyay (23BAI1O1O3).
• More Updates: Ongoing updates will improve the application based on user feedback.

Deployment Instructions

1. Download Files:

   • Ensure all necessary files (index.html, styles.css, script.js) are in the same directory.

2. Open index.html:

   • Open the index.html file in your web browser to use the application.

3. Browser Compatibility:

   • The application works best on modern web browsers like Chrome, Firefox, or Edge.

4. Customization:

   • You can customize the timetable by editing the index.html file directly. Modify slots, timings, and days as per your needs.