Home
Softono
mern-marketplace

mern-marketplace

Open source MIT JavaScript
Website GitHub
588
Stars
231
Forks
15
Issues
17
Watchers
3 months
Last Commit
E-commerce Platforms Marketplace & Multi-vendor

About mern-marketplace

MERN Marketplace 2.0 is a full-stack online marketplace application built with React, Node.js, Express, and MongoDB. It serves as a practical demonstration for the book Full-Stack React Projects Second Edition, showcasing modern web development techniques using the latest versions of MERN stack technologies. The application supports comprehensive e-commerce functionality including seller accounts, product search with suggestions, shopping carts, and order management. A standout feature is the real-time live auction system powered by Socket.io, allowing for dynamic bidding experiences. Payment processing is integrated securely using Stripe and Stripe Connect. The project requires Node.js, NPM or Yarn, MongoDB, and a Stripe test account for setup. It includes server-side rendering for SEO optimization, JSON web token authentication for user security, and async/await patterns for efficient data handling. This software is designed for developers looking to learn how to structure robust applications, implement rea

Platforms

Web Self-hosted

Languages

JavaScript

Links

Website Source Code
s
Published by
shamahoque
Visit View Profile

README.md

View on GitHub

MERN Marketplace 2.0

An online marketplace application with seller accounts, product search and suggestions, shopping cart, order management, payment processing with Stripe, and live auction with Socket.io - developed using React, Node, Express and MongoDB.

Live Demo

What you need to run this code

  1. Node (13.12.0)
  2. NPM (6.14.4) or Yarn (1.22.4)
  3. MongoDB (4.2.0)
  4. Stripe account with test data

How to run this code

  1. Make sure MongoDB is running on your system
  2. Clone this repository
  3. Update config/config.js with your test values for Stripe API keys and Stripe Connect Client ID
  4. Open command line in the cloned folder,
    • To install dependencies, run npm install or yarn
    • To run the application for development, run npm run development or yarn development

  5. Open localhost:3000 in the browser

    More applications built using this stack

Learn more at mernbook.com

Get the book

Full-Stack React Projects - Second Edition

Learn MERN stack development by building modern web apps using MongoDB, Express, React, and Node.js

Full-Stack React Projects

React combined with industry-tested, server-side technologies, such as Node, Express, and MongoDB, enables you to develop and deploy robust real-world full-stack web apps. This updated second edition focuses on the latest versions and conventions of the technologies in this stack, along with their new features such as Hooks in React and async/await in JavaScript. The book also explores advanced topics such as implementing real-time bidding, a web-based classroom app, and data visualization in an expense tracking app.

Full-Stack React Projects will take you through the process of preparing the development environment for MERN stack-based web development, creating a basic skeleton app, and extending it to build six different web apps. You'll build apps for social media, classrooms, media streaming, online marketplaces with real-time bidding, and web-based games with virtual reality features. Throughout the book, you'll learn how MERN stack web development works, extend its capabilities for complex features, and gain actionable insights into creating MERN-based apps, along with exploring industry best practices to meet the ever-increasing demands of the real world.

Things you'll learn in this book:

  • Extend a MERN-based application to build a variety of applications
  • Add real-time communication capabilities with Socket.IO
  • Implement data visualization features for React applications using Victory
  • Develop media streaming applications using MongoDB GridFS
  • Improve SEO for your MERN apps by implementing server-side rendering with data
  • Implement user authentication and authorization using JSON web tokens
  • Set up and use React 360 to develop user interfaces with VR capabilities
  • Make your MERN stack applications reliable and scalable with industry best practices

If you feel this book is for you, get your copy today!