Git Product home page Git Product logo

e-commerce3's Introduction

react-complete-e-commerce

Repository for my react-complete-e-commerce project

A complete e-commerce platform using CRUD functions and connects the system to a database of MongoDB (Document database). Created a full-stack platform using JavaScript. The frontend was created using React and the backend was created using NodeJS, Express, MongoDB. Then I used Axios and Redux to link my backend with my frontend. I also used Postman to test my end points.

Programming Languages/Frameworks:

  • JavaScript
  • React
  • Redux
  • NodeJS
  • Express
  • MongoDB
  • Postman
  • Axios

Home Page

Home Page

Search Page

Search Page

Product Page

Product Page

Cart Page

Cart Page

Place Order Page

Place Order Page

Make Payment Page

Make Payment Page

My Order Page

My Order Page

Admin Users Page

Admin Users Page

Admin Products Page

Admin Products Page

Admin Orders Page

Admin Orders Page

Instructions

  1. Make sure you have these installed

  2. Clone this repository into your local machine using the terminal

    > git clone https://github.com/mohamedmostafa13/e-commerce3.git
    
  3. backend setup (DO NOT cd to backend) (running on port you decide)

    > npm install
    
  4. frontend setup (running on port 3000)

    > cd frontend
    
    > npm install
    
  5. Insert data into the MongoDB database

    • Start MongoDB server

      > mongod
      
    • Enter mongo shell

      > mongo
      
    • Insert data into the MongoDB database

      > npm run data:import
      
  6. Rename .env-example to .env and set these values

     NODE_ENV = development
     PORT = <>
     MONGO_URI = <>
     JWT_SECRET = <>
     PAYPAL_CLIENT_ID = <>
    
    
  7. Runs both frontend and backend (cd to ROOT of project)

    > npm run dev
    

Enjoy!

e-commerce3's People

Contributors

mohamedmostafa13 avatar

Watchers

 avatar

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.