Ultimate Full-Stack Web Development with MERN
Description
Master Web Development with MERN Stack for Designing, Testing, and Deploying Professional-Grade Applications using MongoDB, Express, React, and Node.js
¿Book Description
Embark on a transformative and disruptive journey into MERN stack development with Ultimate Full-Stack Web Development with MERN. Beginning with an in-depth introduction to MERN and REST APIs, the book advances through the complete project overview and the setup of a Node.js application. Next, it delves into the essentials of Node.js, MongoDB connection, models, and crucial aspects of user authentication, including JWT implementation and password hashing. Security takes center stage in next chapters as you explore middleware creation and route protection.
In the Frontend section you'll construct a dynamic ReactJS application with a focus on creating components, pages, and establishing Redux for state management. This book will guide you through setting up Redux, implementing registration and login functionalities, and refining your application with a user-friendly dashboard and task form. The book concludes with chapters on frontend and backend testing, ensuring the robustness of your application and also covers deployment strategies for both frontend and backend components, providing a comprehensive guide to showcase your application to the world.
Table of Contents
1. Getting Started with MERN and Setup
2. Starting a NodeJS App
3. MongoDB Connection and Models
4. JWT Authentication and Hashing Password
5. Auth Middleware and Protecting Routes
6. Creating Frontend and React Router
7. Redux Setup with Slice
8. Login and Logout Functionalities
9. Dashboard Creation and Task Form
10. Using Thunk and Completing App
11. Frontend Testing
12. Backend Testing
13. Deployment
Index
More details
Content
- 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
