Packt+ | Advance your knowledge in tech

You're reading from Full-Stack React Projects Modern web development using React 16, Node, Express, and MongoDB

Product type Paperback

Published in May 2018

Publisher Packt

ISBN-13 9781788835534

Length 470 pages

Edition 1st Edition

Tools

MongoDB

Concepts

Full Stack Web Development

Author (1):

Shama Hoque

View More author details

Table of Contents (14) Chapters

Preface

1. Unleashing React Applications with MERN FREE CHAPTER

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

13. Other Books You May Enjoy

Leave a review - let other readers know what you think

The MERN Marketplace with a cart, payments, and orders

The MERN Marketplace application developed in Chapter 6, Exercising New MERN Skills with an Online Marketplace will be extended to include a shopping cart feature, Stripe integration for processing credit card payments, and a basic order-management flow. The implementations that follow are kept simple to serve as starting points for developing more complex versions of these features.

The following component-tree diagram shows all the custom components that make up the MERN Marketplace frontend. The features discussed in this chapter modify some of the existing components, such as Profile, MyShops, Products, and Suggestions, and also add new components, such as AddToCart, MyOrders, Cart, and ShopOrders:

Note

The code for the complete MERN Marketplace application is available on GitHub github.com/shamahoque/mern-marketplace.You can clone this code and run the application as you go through the code explanations in the rest of this chapter...