Skip to content

Custom eCommerce store with React, Redux, Node, Express & MongoDB

Notifications You must be signed in to change notification settings

ahmadrazach/ProShop

Repository files navigation

ProShop

Demo image

Main Features:

  • Custom eCommerce store with React, Redux, Node, Express & MongoDB
  • Full featured shopping cart with Paypal & credit/debit card payments
  • Product rating & review system
  • Admin area to manage customers, products & orders
  • Top rated products' Carousel, pagination & more!

Website Credenetials

User Login

Name Credential
email [email protected]
password admin123

Paypal Sanbox payment Checkout

Name Credential
email [email protected]
password gRk%#3C"

Technologies Used

Fontend

  • react-bootstrap
  • react-router-dom
  • axios
  • REDUX ( redux,react-redux,redux-thunk(to use function within the functions),redux-devtools-extension )

Backend

  • express
  • nodemon ( for constantly watching our server so we don't have to keep resetart server after every update)
  • concurrently ( for concurrently running both frontend,backend server)
  • dotenv ( to automatically loads enivronment variables from .env file into the process.env object)
  • mongoose ( for modeling your application data for node.js)
  • bcryptjs ( for encrypting password )
  • express-async-handler (simple middleware for handling exceptions inside of async express routes and passing them to your express error handlers)
  • jsonwebtoken ( to send the userid to private routes in our application with the header)
  • react-paypal-button-v2
  • Multer ( for working with files on the server )
  • Morgan ( for consoling all the routes your application's going through)

Concepts I learn in it

  • React with Functional Components & hooks
  • React router
  • React-Bootstrap UI library
  • Structuring components
  • Managing global state with Redux
  • using Redux state in components
  • creating backend with Express
  • working with MongoDb database and Mongoose
  • JWT ( JSON Web Toekns ) authentication
  • creating custom authentication middelware
  • custom error Handler
  • Integrating Paypal
  • Project deployment on heroku

About

Custom eCommerce store with React, Redux, Node, Express & MongoDB

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages