Packt+ | Advance your knowledge in tech

0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Full-Stack React Projects

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

Shopping cart

Visitors to the MERN Marketplace can add products they wish to buy to a shopping cart by clicking the add to cart button on each product. A cart icon in the menu will indicate the number of products already added to their cart as the user continues to browse through the marketplace. They can also update the cart contents and begin the checkout by opening the cart view. But to complete checkout and place an order, users will be required to sign in.

The shopping cart is mainly a frontend feature, so the cart details will be stored locally on the client side until the user places the order at checkout. To implement the shopping cart features, we will set up helper methods in client/cart/cart-helper.js to help manipulate the cart details with relevant React components.

Adding to cart

The AddToCart component in client/Cart/AddToCart.js takes a product object and a CSS styles object as props from the parent component it is added to. For example, in MERN Marketplace, it is added to a...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €18.99/month. Cancel anytime

Authors (1)

Shama Hoque

Shama Hoque

Shama Hoque has 8 years of experience as a software developer and mentor, with a Master's in Software Engineering from Carnegie Mellon University. From Java programming to full-stack development with JavaScript, the applications she has worked on include national Olympiad registration websites, universally accessible widgets, video conferencing apps, and medical 3D reconstruction software. Currently, she makes web-based prototypes for R&D start-ups in California, while training aspiring software engineers and teaching web development to CS undergrads in Bangladesh.

See other products by Shama Hoque

Other recommended products

Related to this chapter

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Full-Stack React Projects

Full-Stack React Projects

This book is an updated and improved project-based guide to help you extend the capabilities of React into building full-stack projects by exploring the industry-tested MERN stack. Starting from the set up for your full-stack apps, you will learn to create the front end, back end, and everything in between by building fun and engaging projects.

Apr 2020 23h 52m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.

Jul 2024 8h 28m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

FastAPI Cookbook

FastAPI Cookbook

This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.

Aug 2024 11h 56m

Mastering Spring Boot 3.0

Mastering Spring Boot 3.0

This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.

Jun 2024 8h 32m

Nuxt 3 Projects

Nuxt 3 Projects

This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.

Jun 2024 7h 40m

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.

Sep 2024 10h 4m

Full-Stack Web Development with TypeScript 5

Full-Stack Web Development with TypeScript 5

The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.

Mastering Flask Web and API Development

Mastering Flask Web and API Development

The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.

Aug 2024 16h 28m