MERN-Stack-Tutorial

This is the workouts fullstack app.

1. Environment setup
2. Express App setup
3. Express Router & API Routes
4. MongoDB Atlas & Mongoose
5. Models & Schemas
6. Controllers
7. Making a React App
8. Fetching Data To remove CORS block: 1 - npm i cors -- in backend; 2 - use proxy -- during dev only:
   • put property in package.json of frontend -- "proxy": "http://localhost:4000" at a top.
   • in fetch use only: fetch("/api/workouts")
9. Adding React Context
10. Add delete functionality.
11. Handling error response /// create user
12. User Routes, Controller & Model
13. Signing Up & Hashing Passwords
14. Email & Password Validation
15. sign in Token
16. logging in users
17. Create React Auth Context
18. Login & Signup Forms
19. Making a useSignup Hook
20. Making a useLogout Hook
21. Making a useLogin Hook
22. Setting the Initial Auth Status
23. Protecting API Routes
24. Making authorized request
25. Protecting React Routes
26. Assigning Workouts to Users