Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/coderdost/mern-ecommerce-frontend
CoderDost MERN Stack E-commerce Project - Frontend Repository
https://github.com/coderdost/mern-ecommerce-frontend
ecommerce-website jwt-authentication mern-stack react redux-toolkit stripe stripe-elements tailwindcss
Last synced: 4 days ago
JSON representation
CoderDost MERN Stack E-commerce Project - Frontend Repository
- Host: GitHub
- URL: https://github.com/coderdost/mern-ecommerce-frontend
- Owner: coderdost
- Created: 2023-06-03T19:46:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-02T14:41:49.000Z (6 months ago)
- Last Synced: 2024-12-11T07:42:50.818Z (11 days ago)
- Topics: ecommerce-website, jwt-authentication, mern-stack, react, redux-toolkit, stripe, stripe-elements, tailwindcss
- Language: JavaScript
- Homepage: https://www.youtube.com/coderdost
- Size: 315 KB
- Stars: 150
- Watchers: 25
- Forks: 127
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CoderDost MERN Stack E-commerce Project - Frontend Repository
π₯π₯ WATCH HERE >> [Project Video](https://youtu.be/LH-S5v-D3hA)
MERN E-Commerce (in Hindi) with Admin Panel, Redux Toolkit, Stripe Payment, Cloud Deployment, Email Invoice, and many features (complete features given below in Description )
π₯ Code Repositories:
- React [frontend] - https://github.com/coderdost/MERN-ecommerce-Frontend
- Node [backend] - https://github.com/coderdost/MERN-ecommerce-backendπ₯Related MasterClasses:
- React [ 10 Hours ] - https://youtu.be/6l8RWV8D-Yo
- NodeJS / Express/ Mongoose [ 12 hours ] - https://youtu.be/ChVE-JbtYbM
- Redux [ 7 hours ] - https://youtu.be/1zCNdVhdvHEπ₯ Related Videos :
- Multer Middleware (for file upload) - https://youtu.be/qfN6c5FEAQQ
- Mongoose populate - https://youtu.be/VuSt5-AwL8Y
- Passport JS Authentication - https://youtu.be/U-S3rgG8hBE
- JWT Auth is from - Node MasterClass (Link above)
- Vercel deployment details - Node MasterClass (Link above)
- React Router Crash Course: https://bit.ly/36YfO2iπ₯ Features :
- Basic E-commerce Features- Product lists, Product Details, Cart, Checkout
- Secure Card Payments / Cash payments
- Admin Panel - Add/Edit Orders. Add/Edit Products
- Sorting, Filtering, and Pagination queries using Mongoose
- Authentication with Passport JS strategies
- Order Emails, Reset Password Emails
- User Profile and user ordersπ₯ Technical Details :
- React 18 with Tailwind CSS
- Redux Toolkit with Async Thunk
- React Router v6
- JSON-server for front-end testing
- MongoDB for Database
- Mongoose v7 as ODM
- REST API using Express
- Authentication using Passport JS
- API Authentication using Passport JWT
- MongoDB Atlas cloud database
- Vercel Server deployment
- Email using Nodemailer - using GMail SMTP system
- Payments using Stripe - PaymentIntent based custom flow