Design
| Loading | Login | Sign Up | Home |
|---|---|---|---|
 |
 |
 |
 |
| Calendar | Edit Day | Time Interval | Settings |
|---|---|---|---|
 |
 |
 |
 |
Loading screen user sees upon opening the application.
Login screen. User can enter their username and password to navigate to the "Home" screen by pressing the "Login" button. User can also sign up for an account by pressing the "Sign Up" button which navigates them to the Sign Up screen.
Sign Up screen. User enters their information and clicks the "Sign-up" button to register for an account. The user is then taken to the "Home" page. User can also navigate back to login screen with the "Back to Login" button if they already have an existing account.
Home screen. User can see events they have for the current date. User can click on each event which navigates them to the "Edit Day" page. User can also click the calendar icon on the top-left of the page to navigate to the "Calendar" page. User can also click the settings icon on the top-right to navigate to the "Settings" page.
Calendar screen. User can view the calendar by month. Current day is highlighted with a circle. User can either "Add event" after clicking a day to navigate to "Edit Day" page and create an event or click "Today's Events" to navigate to the "Home" page and view the events for the day. User can also click the back button on the top left to navigate back to the "Home" page. User can also click the settings icon on the top-right to navigate to the "Settings" page.
Edit day screen. User can enter information about an event they want to create. Once all information is entered, they can click the "Create Task" button to create the task for the day. After doing so, they will be taken to the "Home" page where they can view the event. The user can also press the back button on the top right to navigate back to either the "Home" page or "Calendar" page, depending on what page they were previously on.
Time interval screen. This menu appears when the user clicks on the "Repeat" textbox on the "Edit Day" page. User selects their frequency for their event if any. User can also click the back button on the top-left to exit the screen and navigate back to the "Edit Day" page.
Settings screen. User can change their personal information on this screen. User can click "Terms of Service" button to navigate to the "Terms of Service" page. This can be done similarly for the "Privacy Policy" page. User can switch between "light" and "dark" modes by clicking their respective buttons. The user can also click the "Logout" button to sign out of their account and navigate to the "Login" page. User can also click the back button on the top-left to navigate back to either the "Home" or "Calendar" page depending on what page they were on.
Designed using Figma