Getting Started

1. Create Your First Timetable

Click the "New Timetable" button to create your first class schedule. Give it a name like "Semester 1" or "Morning Classes".

2. Add Your Subjects

In the Subject Bank on the right, add all your subjects. You can customize each subject's color to make your timetable visually organized.

3. Drag & Drop to Schedule

Drag subjects from the Subject Bank onto the timetable grid to create your schedule. You can also drag existing time slots to rearrange them.

Managing Subjects

Adding Subjects

Click "Add Subject" in the Subject Bank, enter a name (e.g., "Mathematics", "BM", "Science"), and choose a color. You can add up to 20 subjects.

Editing Subjects

Click the edit icon (pencil) next to any subject to change its name or color. Changes will update across all your timetables.

Deleting Subjects

Click the delete icon (trash) to remove a subject. Warning: This will remove the subject from all timetables where it's used.

Using the Timetable Grid

Scheduling Classes

Drag a subject from the Subject Bank to any time slot on the grid
The grid shows Monday to Friday by default
Each time slot represents one class period (default: 30 minutes)
Consecutive classes of the same subject are automatically merged visually

Moving and Rearranging

Drag existing slots to move them to different time slots or days
Drop on an occupied slot to swap subjects
Click the X button on a slot to remove it

Merged Slots

When you have the same subject in consecutive time slots (e.g., Maths at 8:00 and 8:30), they'll appear as one merged block showing the full time range (8:00 - 9:00).

Time Settings

Click the Settings icon to configure your school schedule:

Start Time: When your school day begins (e.g., 07:30)
End Time: When your school day ends (e.g., 13:00)
Class Duration: Length of each period in minutes (e.g., 30, 40, 60)

⚠️ Warning: Changing time settings will clear all your timetable slots!

Import & Export

Exporting Your Data

Click the "Export Data" button to download a JSON file containing all your timetables, subjects, and settings. This is useful for:

Backing up your data
Transferring to another device
Sharing your timetable setup with friends

Importing Data

Click "Import Data" and select a previously exported JSON file. This will replace your current data with the imported data.

⚠️ Caution: Importing will overwrite your current timetables and subjects!

💡 Tips & Tricks

Use Color Coding

Assign similar colors to related subjects (e.g., all science subjects in shades of green) to make your timetable easier to read at a glance.

Multiple Timetables

Create separate timetables for different purposes: regular schedule, exam schedule, extracurricular activities, etc.

Regular Backups

Export your data regularly to avoid losing your schedule if you clear browser data.

Print Your Schedule

Use the print button to create a physical copy of your timetable for your desk or locker.

🔧 Troubleshooting

My data disappeared!

Your data is stored in browser localStorage. If you cleared browser data or are using incognito mode, your data may be lost. Always export your data regularly as a backup.

Drag and drop isn't working

Make sure you're using a modern browser (Chrome, Firefox, Safari, Edge). Drag and drop may not work on very old browsers or certain mobile browsers.

Can I use this on my phone?

Yes! The app is mobile-responsive. However, drag and drop may be less convenient on touch devices. We recommend using a tablet or desktop for the best experience.

Is my data synced across devices?

Currently, no. Your data is stored locally on each device. Use the Export/Import feature to transfer data between devices. Cloud sync is planned for a future update!

Help & User Guide