Pujarini / WShopfy

e-commerce MERN stack project

Home Page:https://prep-shop.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

W SHOPFY - MERN Stack eCommerce

This is an eCommerce web application created with M(ongoDb)E(xpress)R(eact)N(ode) Stack. It has user authentication system, an admin user who can add new products in the app, check for order and payments and also choose which order has been delivered from the store. It is also connected to PayPal for payments.

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

My Progress 👇🏼

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

Login Page

Screen Shot 2022-08-31 at 12 39 39 AM

Products Page

Screen Shot 2022-09-05 at 12 07 07 AM

Cart Page

Screen Shot 2022-09-05 at 12 07 38 AM

Shipping Page

Screen Shot 2022-08-31 at 12 45 36 AM

Payment Method Page

Screen Shot 2022-08-31 at 12 46 59 AM

Place Order page

Screen Shot 2022-09-05 at 12 08 13 AM

Payment Page

Screen Shot 2022-09-05 at 12 09 14 AM

Profile page with Orders

Screen Shot 2022-08-31 at 12 49 19 AM

Admin Screen

Screen Shot 2022-09-05 at 12 10 20 AM

Admin screen with user edit and delete functionality and Pagination

Screen Shot 2022-09-01 at 1 30 41 PM

Admin Screen with product edit and delete functionality

Screen Shot 2022-09-05 at 12 11 05 AM

Product Edit screen for Admin

screencapture-localhost-3000-admin-product-63106061b41837e6cb06e1b9-edit-2022-09-01-23_31_48

Support

Give ⭐️ if you like this project!

Author

Pujarini on Twitter Pujarini on Github

About

e-commerce MERN stack project

https://prep-shop.herokuapp.com/


Languages

Language:JavaScript 98.0%Language:HTML 1.4%Language:CSS 0.6%