Ultimate Full-Stack Web Development with MERN: Design, Build, Test and Deploy Production-Grade Web Applications with MongoDB, Express, React and NodeJS

Cover Page
Title Page
Copyright Page
Dedication Page
About the Author
About the Technical Reviewer
Acknowledgements
Preface
Errata
Table of Contents
1. Getting Started with MERN and Setup
   Introduction
   Structure
   About MERN
      MongoDB
      Express
      ReactJS
      NodeJS
      Other Popular stacks beyond MERN
   REST APIs
      POST
      GET
      PUT
      DELETE
      Alternatives to REST API
   Complete Project Overview
   Setting up a NodeJS Application
      Project Folder Structure
      Package installation
      Running the project
   Conclusion
2. Starting a NodeJS App
   Introduction
   Structure
   Using Express
   Creating Routes
      Initial Routes
      All Routes
      Testing through Postman
   Creating Controllers
   Using JSON
   Error Handler
   Conclusion
3. MongoDB Connection and Models
   Introduction
   Structure
   MongoDB Database
      Basic Setup
   Connecting through Mongoose
   Model Creation
   Creating Routes
      POST Route
      PUT Route
      DELETE Route
   Conclusion
   Points to remember
4. JWT Authentication and Hashing Password
   Introduction
   Structure
   User Model and Controller
   Register User with Hashed Password
   Login User
   Understanding JWT
   Using JWT
   Conclusion
   Points to Remember
5. Auth Middleware and Protecting Routes
   Introduction
   Structure
   Creating Auth middleware
   Understanding Protect Routes
   Protecting Task Routes
      GET and POST Route
      PUT and DELETE Route
   Conclusion
   Points to remember
   Multiple Choice Questions
      Answers
6. Creating Frontend and React Router
   Introduction
   Structure
   Creating Frontend with ReactJS
   Basic Project Setup
   React Router Setup
   Creating Components and Pages
      Header Component
      Register Page
      Login Page
   Conclusion
   Points to remember
7. Redux Setup with Slice
   Introduction
   Structure
   Redux setup with a toolkit
   Auth service and slice
   Registration form hook up
   Testing user registration
   Conclusion
   Points to remember
8. Login and Logout Functionalities
   Introduction
   Structure
   Implementing Logout
   Implementing Login
   Login form hook up
   Testing user login
   Conclusion
   Points to remember
9. Dashboard Creation and Task Form
   Introduction
   Structure
   Changing Dashboard Logic
   Creating Task Slice
   Creating Task Form
   Conclusion
   Points to Remember
   Multiple Choice Questions
      Answers
10. Using Thunk and Completing App
   Introduction
   Structure
   Creating task with Async Thunk
   Fetching tasks from server
   Displaying the tasks
   Deleting tasks
   Conclusion
   Points to remember
11. Frontend Testing
   Introduction
   Structure
   Setup testing in Frontend
   Task Slice and Service Test with Jest
   Testing with React Testing Library
   Configuring and Checking Coverage
   Conclusion
   Points to remember
12. Backend Testing
   Introduction
   Structure
   Setting up testing in the backend
   Testing registerUser controller
   Testing getTasks and setTask controller
   Testing updateTask controller
   Conclusion
   Points to remember
13. Deployment
   Introduction
   Structure
   Frontend code repo creation
   Backend code repo creation
   Backend deployment in Back4app
   Backend integration with frontend
   Frontend deployment in Netlify
   Fixing CORS errors and final deployments
   Conclusion
   Points to remember
Index