Ecommerce website built with the MERN stack with React Context API for state management

Overview

MERN-Ecommerce

Ecommerce website built with the MERN stack with React Context API for state management, pure CSS for style

Author: Le Van Quang

Install dependencies for server

npm install

Install dependencies for client

cd client ---> npm install

Connect to your mongodb and add info in .env

Run the client & server with concurrently

Run project

npm run dev

cd client npm start

Run the Express server only

npm run server

Run the React client only

npm run client

Server runs on http://localhost:5000 and client on http://localhost:3000

Accounts

User: email: [email protected], password: 123456

Admin: email: [email protected], password: 123456

User interface

alt

Admin interface

alt

Cart interface

alt

You might also like...
MERN Stack Application E-Commerce website in clothing fashion
MERN Stack Application E-Commerce website in clothing fashion

BeauClothing-E-Commerce-Backend# WEAR E-Commerce Clothing Site A well-designed MERN(MongoDB, Express.js, React, Node.js) Stack Application E-Commerce

MERN Stack Based Personal Portfolio Website, Designed and Developed by Anirudha Singla ✌ .

A personal portfolio website that provides information about what i do and my other relevant details like skills, experience and accomplishments. Includes all relevant social media and other links of my work and project. Gained experience in web design and development of both front end, back end and database setup.

React-ecommerce-frontend - A E-ccomerce website frontend built in React.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

An Ecommerce Website Built With React.js
An Ecommerce Website Built With React.js

CRAFTSMEN A good ecommerce website is one that lets customers search for what th

MERN BLOG - Fullstack open source blogging application made with MongoDB, Express, React & Nodejs (MERN)
MERN BLOG - Fullstack open source blogging application made with MongoDB, Express, React & Nodejs (MERN)

MERN BLOG Fullstack open source blogging application made with MongoDB, Express, React & Nodejs (MERN) Configuration and Setup Key Features Technologi

Modern Full Stack ECommerce Application with Stripe & Sanity
Modern Full Stack ECommerce Application with Stripe & Sanity

Modern Full Stack ECommerce Application with Stripe & Sanity If you want to visit the Live application, Click eCommerce-sanity-stripe. Build and Deplo

A full-stack e-commerce website inspired by the amazon website. Built with React, Redux and Firebase.
A full-stack e-commerce website inspired by the amazon website. Built with React, Redux and Firebase.

Amazon-Clone View Live · Report Bug · Request Feature Table of Contents About The Project Built With Getting Started Clone Locally Prerequisites Contr

Single Page Application built using React, Context API and OMDb API.
Single Page Application built using React, Context API and OMDb API.

Movie Search App This project is a React application with functions to search for movies and add movies to favorites using OMDb API. Home Page Favorit

One more Twitter clone, but this one is featureful yet concise and fast, built with MERN stack, with love ❤.
One more Twitter clone, but this one is featureful yet concise and fast, built with MERN stack, with love ❤.

React front-end for tclone Try it here back-end repo here looks like twitter, but not 😊 It is my own take on building Twitter clone, I have tried to

Owner
Le Van Quang
I'm sorry
Le Van Quang
Instagram MERN - Full-Stack Instgram Clone using MERN Stack and Socket.io

Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now ?? ??️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S

Jigar Sable 327 Jan 4, 2023
Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.

21_MERN_GoogleBookSearchEngine Task Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engin

Dionne Noella 5 Apr 9, 2022
This AWS Ecommerce Website is a multi-tier ecommerce web application that uses React, HTML, typescript, and Javascript

This AWS Ecommerce Website is a multi-tier ecommerce web application that uses React, HTML, typescript, and Javascript Outline Overview The goal of th

Alok Roy Chatterjee 4 Jun 4, 2022
Algowears, Ecommerce Payment with Crypto An Ecommerce web App built with ❤️ using React & Firebase for the Netlify x Hashnode Hackathon 🔥 !

AlgoWears This is our submission for netlify-hashnode hackathon Samuel-Aspirin????‍?? and Wakeel Kehinde built this web application in line to show ho

farsh 12 Oct 25, 2022
Mini-Ecommerce-App - ( React ) A mini ecommerce app implementing the functionality of Cart and fetch the data from FakeStoreApi

Mini-Ecommerce-App - ( React ) A mini ecommerce app implementing the functionality of Cart and fetch the data from FakeStoreApi . Using redux(for state management) , react routing(to avoid browser loading) , bootstrap (styling).

Muhammad Awab 1 Jan 8, 2022
Algolia-pwa-ecommerce - A React/Next.js based template for an ecommerce application

PWA Ecom UI Template This is a React/Next.js based template for an ecommerce app

Miguel Ángel Durán 20 Dec 27, 2022
A Spotify Clone which built with ReactJS. 3rd party API integration, user authentication, spotify API, responsive design, material-ui, react context api are used to built it.

Spotify Clone with ReactJS In this Spotify Clone application you can log in to the application with your spotify account and see your own playlist. Sp

Mert Çankaya 11 Jul 11, 2022
Budget-app ts context tw - A simple expense tracker app for practicing React with Context API, Tailwind CSS and TypeScript

budget-app_ts_context_tw (a simple expense tracker app for practicing React with

null 2 Jun 4, 2022
Api server for Tclone, a concise, fast, and feature rich Twitter clone built with MERN stack.

Api server for tclone Try the app here React frontend repo here This project is my own take on building Twitter clone, I have tried to keep things sim

muzamil 57 Dec 17, 2022
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example

Flipkar Clone MERN stack Sijeesh Miziha's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart it has RazorPay I

Sijeesh Miziha 51 Dec 8, 2022