WEEK 03 Authentication Project

Mouldy Potatoes 🥔

Authentication Project Week 03

Research and Design

Page flow

🧱 Features

• Login page
• Create Account page
• Profile page with film reviews
• Each profile has score based on number of reviews left
• Delete film reviews
• Colourful layout
• Mobile First

📝 User Stories

Acceptance Criteria

• Forms for users to sign up and log in
• A form for users to submit data only accessible to logged in users
• A page showing all the data
• A way for logged in users to delete their own data
• Semantic form elements with correctly associated labels
• A Postgres database hosted on Heroku
• Hidden environment variables (i.e. not on GitHub)

Stretch criteria

• Tests for all routes
• A user page that shows everything posted by a single user
• GitHub Actions CI setup to run your tests when you push

📚 What we learnt

• Always add bodyParser otherwise the body.response will returned undefined OR server.use(express.urlencoded({ extended: false }));
• Make sure to module.exports functions
• Do not modularise code from the start (jumping around is a nightmare 😔)
• Writing cookies with sessionID's
• Hashing and Salting passwords
• More SQL
• How to setup a project quicker (sort of)

🧪 Testing

• Cypress test if items appear on page
• Cypress test to add new items
• Cypress reset state between each test

⏳ Future improvements

• Show reviews from all users
• Desktop version
• More detail in reviews
• More exciting design
• Accessible forms and HTML elements

👀 Screenshots