Full-Stack React Projects

Unleash the power of MERN stack by building diverse web applications using React, Node.js, Express, and MongoDB

Key Features

• Create dynamic web applications with the MERN stack
• Leverage the power of React in building interactive and complex user interfaces
• Unlock the potential of Node, Express, and MongoDB to build modern full-stack applications

Book Description

The benefits of using a full JavaScript stack for web development are undeniable, especially when robust and widely adopted technologies such as React, Node, and Express and are available. Combining the power of React with industry-tested, server-side technologies, such as Node, Express, and MongoDB, creates a diverse array of possibilities when developing real-world web applications.

This book guides you through preparing the development environment for MERN stack-based web development, to creating a basic skeleton application and extending it to build four different web applications. These applications include a social media, an online marketplace, a media streaming, and a web-based game application with virtual reality features.

While learning to set up the stack and developing a diverse range of applications with this book, you will grasp the inner workings of the MERN stack, extend its capabilities for complex features, and gain actionable knowledge of how to prepare MERN-based applications to meet the growing demands of real-world web applications.

What you will learn

• Set up your development environment and develop a MERN application
• Implement user authentication and authorization using JSON Web Tokens
• Build a social media application by extending the basic MERN application
• Create an online marketplace application with shopping cart and Stripe payments
• Develop a media streaming application using MongoDB GridFS
• Implement server-side rendering with data to improve SEO
• Set up and use React 360 to develop user interfaces with VR capabilities
• Learn industry best practices to make MERN stack applications reliable and scalable

Who This Book Is For

Full-Stack React Web Development Projects is for JavaScript developers who have some experience with React, but no previous experience with full-stack development involving Node, Express, and MongoDB, and who want practical guidelines to start building different types of real-world web applications with this stack.

Table of Contents

1. Unleashing React Applications in MERN
2. Preparing the Development Environment
3. Building a Backend with MongoDB, Express, and Node
4. Adding a React Frontend to Complete MERN
5. Starting with a Simple Social Media Application
6. Exercising New MERN Skills with an Online Marketplace
7. Extending the Marketplace for Orders and Payments
8. Building a Media Streaming Application
9. Customizing the Media Player and Improving SEO
10. Developing a Web-Based VR Game
11. Making the VR Game Dynamic Using MERN
12. Following Best Practices and Developing MERN Further