Express Auth Boilerplate

• create a node app npm i -y init

• .gitignore echo "node_modules" >> .gitignore

• install and set up express npm i express

• Stubbed out GET/auth/login, GET/auth/signup, POST auth/login, POST auth/signup

• configured the auth controller

• Make a views folder and in it make an auth folder where you have the login and signup views

• Make and ejsLayouts file in the views folder
  run npm i ejs to install ejs

• set up the routes and send to see if they work usually we will do a res.send to send a string just to see if the route is working and then we can res.render the view page we're working with

• set up express ejs and ejs-layouts npm i ejs express-ejs-layouts

• Set up sequelize to create databases npm i sequelize pg sequelize init

  EXPRESS AUTH BOILERPLATE

  1. fork and clone
  2. Install dependencies npm i

  3.Create a config.json with the following code;

  { "development": { "database": "", "host": "127.0.0.1", "dialect": "postgres" }, "test": { "database": "", "host": "127.0.0.1", "dialect": "postgres" }, "production": { "database": "", "host": "127.0.0.1", "dialect": "postgres" } } *** note:***** if your database requires a username and password, you'll need to include these fields as well

  4. Create a database sequelize db:create

  5. Migrate the user model to database sequelize db:migrate

  6. Add a 'SESSION_SECRET' and 'PORT' environment variable in a '.env' file

  7. run 'nodemon' to start app

RICK & MORTY

App link: https://rickandmortyshowapp.herokuapp.com/

ERD

There is a many to many relationship between user model and character model through the join table character user. There is a one to many relationship between the user model and the notes model

website used: lucid app

User Stories

The user will either sign up to create a new profile or log in to an already existing account. They will be directed to the home page with all characters where they can choose their favorite character. When they click on their profile, they will be able to view all their favorite characters. They will be able to delete any character they've favorited from their profile.

The user will also be able to write notes about their favorite characters.

---

Wireframe

website used: lucid app

Technologies Used

*Node/Express & Axios

*Passport/ Bcrypt for authentification and password hashing

*Postgres

*Sequelize

*CSS, HTML & JavaScript

Routes and Models

CRUD	ROUTE	FUNCTION
GET	/	HOME PAGE
GET	/AUTH/LOGIN	LOGIN PAGE
POST	/AUTH/LOGIN	SIGN IN EXISTING USER
GET	/AUTH/SIGNUP	SIGN UP PAGE
POST	/AUTH/LOGOUT	LOG OUT USER
GET	/PROFILE	SHOWS LOGGED IN USER
GET	/CHARACTERS	PAGE WITH ALL CHARACTERS
POST	/CHARACTERS	ADDS CHARACTERS TO DATABASE
GET	/CHARACTERS/FAVES	SHOWS ALL FAVORITED CHARACTERS
GET	/CHARACTERS/:ID	SHOWS A FAVORITED CHARACTER & INFO
DELETE	/CHARACTERS/:ID	REMOVES CHARACTER FROM DATABASE
GET	/NOTES	SHOWS ALL WRITTEN NOTES
POST	/NOTES	ADDS NOTES TO DATABASE
PUT	/NOTES/:ID	ALLOWS USER TO UPDATE NOTES

Sources

API info:

https://rickandmortyapi.com/