Frontend for the OtaWilma project. Includes all the client side functionality such as theme editor and quality-of-life features for students.
The frontpage of Otawilma
Let's be real, we all want to share the same courses with our friends. However, the plans have a tendency to change, and it's too foten you have to ask your friends to show you their selections
With Otawilma's friend-code system, you are able to generate one-time usable 'friend-codes'. which allow you to see your friend's latest selections. With no limit to the number of friends you can share the courses with, you and your friend-group will be able to sync your selections without any issues.
Course-tray view with some friend's selections visible
Create your own themes and fully customize the look of your Wilma. With easy to use theme-editor, you are able to not able to customize every color, but are also able to use custom backgrounds to further boost your creative needs. With 25 theme-slots, you aren't running out of space either.
Custom student made theme
Another student made theme
OtaWilma allows you to filter the courses you want to see in your tray. You can also set a list of teachers to make sure you are only shown courses that are taught by your favorite ones. There is also buildin selection-helper which makes sure you cannot make invalid selections (select overalapping courses, try to join on full courses etc.)
Same tray as in this example, but only the subjects I might want to study on my sophomore year are shown.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.