@EndLess9

Devlog #5
After users are logged into their account, they can go to the home page and begin to use the notes application.

Their notes are stored in a database specific to their account so their data stays safe. These notes can simply be deleted by clicking the ‘x’ button.

When a new note is added a notification appears at the top saying “Note Added!”.

Once the user logs out they cannot access the home page. This way notes cannot be viewed/changed without proper authentication.

Devlog #4

Login/Signup/Logout has been setup.

When a user Signs up a database.db is created to store the user’s stuff. And after signing up they are automatically logged in and redirected to the home page. The home page is only available once the user has been logged in.

If you already have an account you can login and after doing so you will be redirected to the home page.

If the user clicks logout the are sent back to the login page and they must login to access the home page.

Hashing:
When the user creates/enters the password it is hashed using SHA-256. Imported from werkzeug.security

Sign up page’s constraints:

• If the email entered already has an account the new user will not be able to sign up with that email.
• The email must be greated than 4 characters.
• The first name must have 1 character
• The first password entered must match the password entered under “confirm password”
• The password must be atleast 7 characters

Devlog #3

Highlights:

• Setup the Sign up page’s front-end, authentication, and backend.
• Setup the Login page’s front-end(I haven’t started it’s back-end and authentication yet)
• Setup alert messages

How I made the Sign Up page:

Front-end:
To build the style of the Sign Up page I used bootstrap which is a front-end framework which makes creating a front end using html simpler. Using the bootstrap framework I was able to create this page without having to make the style.

Back-end:
Since I’m building the back-end in python I used Flask(also a framework). When the user enters values in each box and clicks submit the nested if-else statements ensure all values meet the requirements. Such as, the First Name must have at least 1 character, the email must have 4 characters etc. And if these requirement are not met but the user still clicks submit, a flash message will appear at the top.

Devlog #2:

• Made a navbar using bootstrap
• In smaller screens like phones a different nav bar appears to fit the screen size.
• Each button in the navbar has it’s own page

Devlog #12

• The header in the Champions app no longer sticks

Devlog #11:

• Deleted the old ReadMe and wrote a brand new one which reflects all the latest updates
• Made the F1 countdown bigger

Devlog #10
Highlights:

• New App: F1 2026 Calendar
• New App: 2026 F1 Cars
• New Wallpaper
• Updated Welcome app
• Removed Garage app due to issues

F1 2026 Calendar:
A app that basically shows the dates of every F1 weekend in 2026 all in 1 screen.

2026 F1 Cars:
Shows the cars each constructor built for the 2026 F1 season.

Devlog #8:

• Improved taskbar spacing
• Added better icons for apps
• Improved overall UI
• Added a F1 quiz
• Added a app that shows all F1 world champions with how many WDC’s they won and in which years

Devlog #1:

• Installed Flask packages
• Setup main, views, auth, and init python files

Devlog #7: Final

• Updated ReadMe
• Hosted my project on netlify

Devlog #6:

• Cleaned up the Task Bar by making it look sleeker and make the icons more user friendly.
• Fixed bugs related to the next session counter.

Devlog #5:

• Made a cool welcome screen which looks like the start engine button in a car.
• Added a new application called “Lights Out” which tests the user’s reaction time.

Devlog #4
Worked on the Script.js:

• The icons are now functional

Devlog #3

• Worked on Style.css, went from a blank html OS to a OS with a visual interface.

Next I will work on the script.js to develop the frontend

Devlog #2:
Index.html:

• Worked on Welcome window
• Worked on Garage window

Finished making the lower plate:

• Used the sketch tool to make a sketch of a circle.
• Used extrude tool to make it a cylinder.
• Used fillet tool to make the edge rounder.
• Used the sketch tool to make a small circle near the edge.
• Used the extrude tool to use the sketch to make a hole in the lower plate.
• Then I used the circular pattern tool to make 6 identical holes proportional to each other.

Devlog #1
Additions to Index.html

• Wallpaper
• Top Bar
• Desktop Icons

I have only worked on the index for now so it doesn’t have a UI.