Code Monkey home page Code Monkey logo

mern-shopping's Introduction

MERN - E-Commerce !

This is an e-commerce website that is built on the MERN (MongoDB, Express.js, React.js, and Node.js) stack. The website offers a variety of features that are designed to provide users with an enjoyable and seamless shopping experience.

  • Product Search:
    The website includes a powerful search function that allows users to easily find the products they are looking for. The search function is fast and accurate and provides users with relevant results based on their search terms.

  • Product Review and Ratings:
    Users can leave reviews and ratings for products, providing valuable feedback for other customers and helping them make informed purchasing decisions.

  • User Profile with Order Details:
    The website includes a user profile feature, which allows users to view and manage their orders. This feature provides users with a convenient and centralized location for all of their order information.

  • Realistic Checkout Process:
    The checkout process on This is realistic and straightforward. Users can easily add items to their cart, view their order details, and complete their purchase using the integrated PayPal payment system(Sandbox).

  • Admin Product Management:
    The website includes an admin dashboard that allows the website owners to manage products and product information. This includes adding new products, editing existing products, and removing products that are no longer available.

  • PayPal Payment Integration:
    This includes seamless integration with the PayPal payment system(SandBox), allowing users to easily and securely complete their purchases.

Overall, This is a highly-functional and user-friendly e-commerce website that provides users with a wide range of features and capabilities. The website is built on the MERN stack, providing a stable and scalable platform for growth and development.

Checkout our Store here -> HERE

Features

  • Full featured shopping cart
  • Product reviews and ratings
  • Top products carousel
  • Product pagination
  • Product search feature
  • User profile with orders
  • Admin product management
  • Admin user management
  • Admin Order details page
  • Mark orders as delivered option
  • Checkout process (shipping, payment method, etc)
  • PayPal / credit card integration
  • Database seeder (products & users)

Tech Stack

Client: React, Redux, React Bootstrap, React redux Bootstrap, React router dom, multer, react-paypal-button-v2

Server: Node, Express, MongoDB

Progress ๐Ÿ‘‡๐Ÿผ

  • Navbar
  • Product listing page
  • Product page
  • APIs added (data served using backend)
  • MongoDB connected using mongoose
  • Added Redux
  • Shopping cart logic
  • backend authentication
  • frontend authentication
  • Checkout Process
  • Admin - product creation, edit , delete and update functionality added.
  • Product review
  • search a product
  • Deploy app

Getting Started

This Documenation will help users and other developers to clone this repo to their local machine, to test and work with their new set of features.

Prerequisites

  • Node Js
  • NPM
  • Any Editor of your Choice

Cloning Repository

  • Goto Git Bash Terminal on root directory and run the following command
 $ git clone "https://github.com/Sabyasachi-Seal/MERN-Shopping"
 $ cd MERN-Shopping

Installing

  • Execute these commands from the project directory
  • Run the following command after cloning, to install all dependencies with same version which, This Currently runs on...
npm install

Create .env file

  • Create .env file in project folder
  • Enter these lines to that:
MONGODB_URI= your Mongo DB URL
JWT_SECRET= your password, something secret
PAYPAL_CLIENT_ID= "your paypal client id" or sb
PORT=5000
NODE_ENV=Development

Running the app

Open a terminal root directory, (Runs both Frontend and Backend Server Concurrently)

npm run dev

Migrate the data

npm run data:import

Support

  • Support us by, โญ this repository. It helps.
  • Made with โค๏ธ and care....
  • Nikita Singh, Sabyasachi Seal, Anurag Nandi, Anuran Namhata, Arijit Ghosh, Saugata Das

mern-shopping's People

Contributors

sabyasachi-seal avatar

Stargazers

 avatar Paul Koop avatar John Magdy Lotfy Kamel avatar  avatar

Watchers

 avatar

Forkers

haren2312

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.