Implement auth state and context for persistent login

Add signup and login pages

Connect user authentication to db

Customize navbar for user vs guest (signin,/signup for guest, logout for user)

Hide home page from guests

Set up router

Create navbar component

create about and home pages

create routes to home and about

Create contact CRUD form with ability to:

• Select a contact to edit
• View Contact details
• Update contact details
• Delete contact
• Clear contact from form without updating

Add functionality to create new contact, update contact and delete contact in the database.

Create search bar that filters contacts as you type

Add transition animations to contact cards being added or removed from the list

Create context/contact folder w/ files to manage contact context, reducer and state

Create and populate types file

Bring contact state into main app file

Create ContactItem component and display contacts on home page

Outline initial routes as follows:

Users:

• POST: Register a user

Auth:

• GET: Get logged in user
• POST: Log in user

Contacts:

• GET: Get all contacts
• PUT: Update contct
• POST: Add contact
• DELETE: Delete contact

Create mongo atlas project, cluster and user

NPM init and bring in node dependencies

Connect Add Contact, Update Contact, Get Contacts and Delete Contact to mongoDB.

• Return token on login using jsonwebtoken

• Connect contacts to DB

• Require token to access non-login endpoints

Send signed json web token in response to new user signup instead of naked user object.

• Use POST to /api/users to register a new user with a name, email and password

• Use checks to prevent duplicate signups, empty names, invalid email addresses or sub-6 character passwords.

• Salt and hash password

• Store new user in MongoDB

Create production branch and deploy to Heroku

• Bring in React frontend w/ create-react-app

• Bring in Concurrently to run both api and client

• Remove and clean up unused and pre-populated files