⚠ The app was originally supposed to integrate Classeviva API to show information from the user's school register. Due to technical impossibility to integrate this function, the development of the app is suspended.
If you know how to solve this problem and want to collaborate with me to complete this app please contact me.
School Times is the third remake of the best school managing webapp ever! An all-in-one web tool that allows you to easily see everything that you need to know during your school day, from timetables (supports up to 10 timetables) to homework and tests, easily organized on your phone at a glance.
The latest School Times app is your ultimate tool for managing school life! Save up to 10 timetables and easily share to your friends. The app prioritizes speed and simplicity, with no need for a database—everything is stored securely on your device. Featuring an improved user interface, better performance, and enhanced compatibility, it’s perfect for students on the go. New features include better code practices with ReactJS, view a detailed weekly overview, import tests, homework, and more school events from CVV. Lightweight and efficient, the app keeps everything you need for your school day in one place, making it easier than ever to stay organized and focused.
Right when you open the app, the home tab gives you all information you need about the current day and time grouped and organized in beautiful and intuitive boxes that you can customize in settings.
By clicking the link that you see at the top of the repo you can already access all features of the app on your browser (the app is mobile-only, to access on desktop resize your tab to a vertical ratio). By clicking the three dots on the website you can save a bookmark of it on your phone's homescreen or download it as a Progressive Web App on Android devices.
The first time you open the app you should enter your class data.
- First, tap the three dots on the top-right corner and then Settings.
- Under "Customization" enter your name, class name, school name and favorite subject (optional for further customization).
- Then, scroll until "School data" and enter all rooms, subjects and teachers you want to put in your timetable, separated by comma. (E.g. "Room 12, Room 14, Room 17, Electronics Lab 1", "C.S., History", "Mrs. White, Mr. Schrader").
- Once you're done, go back to the home screen and open "Timetables" (the icon with a table and a pencil at the top-right corner), and for each day and time of the week select from the dropdown menu the values you wrote in settings.
- You can add up to 10 timetables if you want to meet your friends at school and you can also share and import them seamlessly as files, just share the file to your friends or tap import and select the file to get their timetable. Note that any new room, subject or teacher missing in your settings will be automatically added.
When you're done configuring your timetables you might want to explore advanced features to improve your experience:
- In Settings you can customize some features such as your favorite color theme and light/dark scheme, toggling haptic feedback and any widget in your Home tab.
- If have any often used website related to school you can save your most used websites such as your school website and google classroom as custom links to access them easily from this app.
- In Timetables you can choose the layout used in Explore to show information of your mates' timetables to see information how you prefer.
- If you often get coffee at school and you happen to forget how much money you have left on your key you can enable your "coffee key" widget and increase or decrease credit by swiping up and down on the widget.
- The homework widget lets you keep track of things to do, swipe left-right to set finished tasks and up-down to set tasks to do.
There are no special prerequisites for this project other than the following:
- A chromium browser like Google Chrome, Brave, Edge, Opera... (Supported but not fully tested on Safari and Firefox)
school-times
│
│ .gitignore
│ eslint.config.js
│ index.html
│ manifest.json
│ node_modules
│ package-lock.json
│ package.json
│ README.md
├───public
│ ├───icons
│ └───screenshots
└───src
├───assets
│ ├───fonts
│ └───styles
├───components
│ ├───Boxes
│ │ ├───LargeMateClassBox
│ │ ├───SmallChip
│ │ ├───SmallMateClassBox
│ │ ├───UpcomingEventsBox
│ │ │ └───SmallEventChip
│ │ └───UserClassBox
│ ├───Button
│ ├───DonationPopup
│ ├───Dropdown
│ ├───ExternalLink
│ ├───Header
│ ├───Navbar
│ │ └───NavbarBtn
│ ├───Overlay
│ ├───PageHeader
│ ├───Post
│ ├───ProfileCard
│ │ ├───FavoriteSubject
│ │ ├───GradesList
│ │ ├───ProfileOverview
│ │ └───StudentStats
│ ├───ProgressBar
│ │ ├───PercentageProgressBar
│ │ └───StepProgressBar
│ ├───ScreenRatioError
│ ├───Separator
│ ├───Snackbar
│ ├───SwiperWrap
│ ├───Switch
│ │ ├───DarkModeSwitch
│ │ └───Switch
│ ├───Table
│ ├───TabSwitcher
│ ├───TextInput
│ ├───ThemeSelectorBox
│ ├───Timetable
│ ├───UpdateNotice
│ ├───VerticalDots
│ └───VerticalMenu
├───context
├───pages
│ ├───About
│ ├───Events
│ ├───Explore
│ ├───Home
│ ├───Profile
│ ├───Settings
│ └───Timetables
└───scripts
⚠ The app was originally supposed to integrate Classeviva API to show information from the user's school register. Due to technical impossibility to integrate this function, the development of the app is suspended.
If you know how to solve this problem and want to collaborate with me to complete this app please contact me.
Teamwork is important! If you want to contribute and help in this project, fixing bugs, adding features or changing the look and feel of the app feel free to contribute! If you like this app and find it useful consider spreading the word to your friends! You can reach me out on my socials for any question/critics.
-
Report a bug
If you think you have encountered a bug, and I should know about it, feel free to report it and I will take care of it. -
Request a feature
You can also request for a feature and if it will viable, it will be picked for development. -
Create a pull request
It can't get better then this, your pull request will be appreciated by the community. You can get started by picking up any open issues and make a pull request.
If you are new to open-source, make sure to check read more about it here and learn more about creating a pull request here.
- Feel free to change whatever you want however you want, but try to keep the code tidy and readable.
- Remember this project is open-source and offered for free, therefore no compensation is provided to contributors, but you will still get credited in the app About page and on this repository.
- For more complex operations you might want to reach me to collaborate together so that we can do our best on this project.
-
How can I share my timetable with a friend or across devices?
To share your timetable, go to the Timetables tab in the app, select the timetable you want to send and tap share. Send the downloaded file to your friend. Your friends just needs to open the same Timetables tab, tap "Import" and select the json file. This method is fast, simple, and doesn’t require internet connectivity or saving on cloud. -
Can I save more than one timetable?
Yes! The app allows you to save up to 10 separate timetables. This is perfect when you want to meet friends at your school during breaks, or if you're a teacher for multiple classes. You can easily switch between them whenever needed. -
What happens if I clear my browser’s data? Will I lose my timetables?
Yes, since the app relies on localStorage, clearing your browser data will erase your saved timetables. To prevent this, save a backup of all app data by tapping "Backup" at the bottom of Settings and store it securely. -
Does the app send my data to a server or require an internet connection?
No, the app is completely offline. All your data is stored locally on your device, ensuring privacy and fast performance. There’s no need for sign-ups, logins, or internet access to use the app. Remember that eseential app data and assets are saved in the browser's cache and clearing the cache will make the app unusable until a network connection is established again.
Earn a spot here by contributing!
This project is licensed with the GNU General Public License v3.0, please refer to the file to know more.
Feel free to reuse this project however you'd like but be sure to give credit to this repository.
If you found this project useful you might consider buying me a coffee.