Notes

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 #1:

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