Table of contents
The inspiration for our smart calendar comes from dealing with time zone craziness and jumbled up schedules for UCLA international students during the COVID-19 pandemic. Despite efforts to make studying fairer for domestic and international students alike, the domestic timezone still takes precedence. As a group of international students, we have identified a number of pains that we aim to tackle with our product.
Pains:
- Convoluted deadlines & misleading dates
- Confusing timezones + Daylight saving
- Hard to socialize with classmates, hard to find study-mates. (Exacerbated by midnight dicussion sections)
To deal with these problems, we are introducing the following features:
- Automatic timezone adaption for users.
- Direct translation of class schedule from Study List calendar data in .ics form
- Cloud sync of all events
- Intelligent deadline management, day-shift and midnight warnings.
- If willing, the application will introduce students with similar schedules as study-mates.
This repository holds the frontend code. Backend is here
The frontend application is built with React.
-
Enter the repo directory
-
Run the following command to install required packages, if failed you could manually add packages from our package list:
npm install- Start the application:
npm start- Go to localhost for further operation
-
Sign up and Log in
-
Go to the setting's page to fill out enrolled class and contact information
-
Upload .ics Calender data (there are two sample file at the uploading window)
-
Other features to exlore:
-
Change time-zone and view
-
Add extra classes in search box
-
Double click empty slot to add events, single click existing events to modify events
-
Scroll the application to the bottom to find potential class mates
-
Search for upcoming events in the list on the right
-
Drag on the events to change their priorities, slide to the left to delete events
-
-
Remember to save any changes before log out!
Video demo: Google Drive
Picture demo:
