Class Timetable Maker
Free web tool: Class Timetable Maker
Timetable Generator
Create a visual weekly timetable with color-coded subjects.
Add Class
About Class Timetable Maker
The Class Timetable Maker lets you build a visual, color-coded weekly schedule in seconds. Add each class by specifying the subject name, day of the week, start time, and end time. The tool automatically arranges all your classes into a grid table spanning Monday through Friday, with each subject displayed in a distinct color so you can instantly see your weekly workload at a glance.
Students, teachers, and tutors are the primary users of this tool. Students can map out their semester schedule on the first day of school. Teachers can plan their weekly class assignments across different rooms or student groups. Tutoring centers can use it to verify there are no scheduling conflicts across multiple sessions. The color system supports up to 8 distinct subjects before cycling, and each color is applied consistently wherever that subject appears.
Technically, the tool computes the visible time range dynamically — only the hours that actually have scheduled classes are shown as rows in the grid, keeping the table compact and readable. Colors are assigned by a deterministic map keyed to each unique subject name, so the same subject always gets the same color. All state is managed in React with useState and useMemo hooks, and the entire schedule exists only in your browser memory — nothing is stored or saved automatically.
Key Features
- Visual weekly timetable grid spanning Monday through Friday
- Add classes with subject name, day, start time, and end time
- Automatic color-coding — each subject gets a unique color
- Up to 8 distinct color themes cycling across subjects
- Dynamic time rows — only occupied hours are displayed
- Remove individual class slots with a single click
- Responsive overflow-x scroll for wide tables on mobile
- 100% browser-based — schedule is never sent to a server
Frequently Asked Questions
What is the Class Timetable Maker?
It is a free browser-based tool that generates a visual weekly class schedule. You add subjects with their scheduled days and times, and the tool builds a color-coded grid table showing all your classes across the week.
How do I add a class to the timetable?
Fill in the Subject name, select the Day, set the Start and End times using the time pickers, then click the Add button. The class will immediately appear as a colored cell in the timetable grid and as a tag above the table.
How many subjects can I add?
There is no hard limit on the number of class slots. The tool supports up to 8 distinct subject colors; if you have more than 8 unique subjects, the colors cycle through the set again. You can have as many class slots as you need.
Can I delete a class I added?
Yes. Above the timetable grid there are colored tags for each class slot. Click the × button on any tag to remove that specific class from the schedule.
Does the timetable show overlapping classes?
Yes. If two classes share the same day and time slot, both will appear in the same cell. The tool does not prevent scheduling conflicts, so you can see them visually and resolve them manually.
Can I save or print my timetable?
The tool does not have a dedicated save or export button. To preserve your timetable, use your browser's print function (Ctrl+P or Cmd+P) and save as PDF. For re-use, you would need to re-enter the classes since the schedule is not persisted between sessions.
Does the timetable include Saturday and Sunday?
Currently the timetable covers Monday through Friday, which covers the standard 5-day school week. Weekend slots are not included in the current grid layout.
Is the timetable saved when I close the page?
No. The timetable data is stored only in the browser's React state for the current session. Closing or refreshing the page will clear all entries. There is no automatic save or local storage persistence.