Description
In this course, you will :
- Build a full stack social network app with React, Redux, Node, Express & MongoDB.
- Create an extensive backend API with Express.
- Use Stateless JWT authentication practices.
- Integrate React with an Express backend in an elegant way.
- React Hooks, Async/Await & modern practices.
- Use Redux for state management.
- Deploy to Heroku with a postbuild script.
Syllabus :
1. Express & MongoDB Setup
- MongoDB Atlas Setup
- Install Dependencies & Basic Express Setup
- Connecting To MongoDB With Mongoose
- Route Files With Express Router
2. User API Routes & JWT Authentication
- Creating The User Model
- Request & Body Validation
- User Registration
- Implementing JWT
- Custom Auth Middleware & JWT Verify
- User Authentication / Login Route
3. Profile API Routes
- Creating The Profile Model
- Get Current User Profile
- Create & Update Profile Routes
- Get All Profiles & Profile By User ID
- Delete Profile & User
- Add Profile Experience
- Delete Profile Experience
- Add & Delete Profile Education
- Get Github Repos For Profile
4. Post API Routes
- Creating The Post Model
- Add Post Route
- Get & Delete Post Routes
- Post Like & Unlike Routes
- Add & Remove Comment Routes
5. Getting Started With React & The Frontend
- A Look At The The UI / Theme
- Link To Theme Building Series On YouTube
- React & Concurrently Setup
- Clean Up & Initial Components
- React Router Setup
- Register Form & useState Hook
- Request Example & Login Form
6. Redux Setup & Alerts
- The Gist Of Redux
- Creating a Redux Store
- Alert Reducer, Action & Types
- Alert Component & Action Call
7. React User Authentication
- Auth Reducer & Register Action
- Load User & Set Auth Token
- User Login
- Logout & Navbar Links
8. Dashboard & Profile Management
- Protected Route For Dashboard
- Profile Reducer & Get Current Profile
- Starting On The Dashboard
- CreateProfile Component
- Create Profile Action
- Edit Profile
- Add Education & Experiences
- List Education & Experiences
- Delete Education, Experiences & Account
9. Profile DIsplay
- Finish Profile Actions & Reducer
- Display Profiles
- Addressing The Console Warnings
- Starting On The Profile
- ProfileTop & ProfileAbout Components
- Profile Experience & Education Display
- Displaying Github Repos
- Profile State Issue & Fix
10. Posts & Comments
- Post Reducer, Action & Initial Component
- Post Item Component
- Like & Unlike Functionality
- Deleting Posts
- Adding Posts
- Single Post Display
- Adding Comments
- Comment Display & Delete
11. Prepare & Deploy
- Install Heroku CLI
- Prepare For Deployment
- Deploy To Heroku