I created this app so that users can save notes to reference in the future. Users can login to their account, then access notes specific to their credentials. They can edit those notes and save those updates to the DB.
What I wanted to learn most with this project was how to create protected routes via authentication, then how to serve up data from a DB specific to a logged in user.
I predominantly used JavaScript languages to write this app. Languages I used:
- ReactJS for the front end
- SASS for my styling
- MongoDB and Mongoose for my database
- ExpressJS for my server
- NodeJS as my package manager
- FireBase to handle authentication
User can create an account using email. This handles and serves dissmissible alerts if passwords don't match, or if another error is served.
User can login. Login handles and serves dissmissible alerts if email/password combination doesn't match.
User can select to receive an email to reset their password.
When the user is logged in and have no notes, they'll get a screen prompting them to create their first note. If not, they'll get a screen showing their notes
The user can add new notes
The user can edit or delete notes. Clicking cancel toggles the user back to the landing page
I used different designs for mobile to create a smoother user experience