https://github.com/shikhu51197/productionecommerceapp

MERN E-Commerce with Admin Panel, Redux Toolkit, Stripe Payment, Cloud Deployment, Email Invoice, and many features .
https://github.com/shikhu51197/productionecommerceapp

bcrypt expressjs javascript json-server jwt-authentication mongodb mongodb-atlas nodejs nodemailer passportjs reactdevtools reactjs redux redux-toolkit reduxdevtools smtp stripe swagger-ui tailewindcss vercel

Last synced: 7 days ago
JSON representation

MERN E-Commerce with Admin Panel, Redux Toolkit, Stripe Payment, Cloud Deployment, Email Invoice, and many features .

• Host: GitHub
• URL: https://github.com/shikhu51197/productionecommerceapp
• Owner: shikhu51197
• Created: 2024-02-08T15:20:29.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-02-08T16:39:10.000Z (12 months ago)
• Last Synced: 2024-05-28T23:49:37.063Z (8 months ago)
• Topics: bcrypt, expressjs, javascript, json-server, jwt-authentication, mongodb, mongodb-atlas, nodejs, nodemailer, passportjs, reactdevtools, reactjs, redux, redux-toolkit, reduxdevtools, smtp, stripe, swagger-ui, tailewindcss, vercel
• Homepage: http://localhost:3000/
• Size: 8.79 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ⭕ProductionEcommerceApp💻

# ✨Installation:-

💻 redux toolkit with react app - 

       npx create-react-app ecommerceapp -template redux 

       npm install  tailwindcss

       npx tailwindcss init

`tailwind.config.js`---->

       /** @type {import('tailwindcss').Config} */

          module.exports = {

            content: ["./src/**/*.{html,js}"],

            theme: {

              extend: {},

            },

            plugins: [],

          }

    index.css---->      

          @tailwind base;

          @tailwind components;

          @tailwind utilities;

![Screenshot (1964)](https://github.com/shikhu51197/ProductionEcommerceApp/assets/107506646/341da08e-7818-4b0c-b05d-f7bf3ba35716)

![Screenshot (1968)](https://github.com/shikhu51197/ProductionEcommerceApp/assets/107506646/e4075f1b-9642-433c-b113-821ff3262d9c)

![Screenshot (1969)](https://github.com/shikhu51197/ProductionEcommerceApp/assets/107506646/31979c9b-a702-4408-b1b5-cdcbb868b32a)

![Screenshot (1967)](https://github.com/shikhu51197/ProductionEcommerceApp/assets/107506646/e905c8da-1dd1-47ef-acd5-18aa6351bf6e)

![Screenshot (1970)](https://github.com/shikhu51197/ProductionEcommerceApp/assets/107506646/ff2a7460-3f88-4681-ac60-6809a82b161d)

![Screenshot (1971)](https://github.com/shikhu51197/ProductionEcommerceApp/assets/107506646/cbd77d0e-9426-48b4-ab67-f7147c007c85)

![Screenshot (1972)](https://github.com/shikhu51197/ProductionEcommerceApp/assets/107506646/86518942-4596-4deb-b76b-397d0732dfe2)

# 💫  MERN E-Commerce  with Admin Panel, Redux Toolkit, Stripe Payment, Cloud Deployment, Email Invoice, and many features .

Multer Middleware (for file upload)

Mongoose populate 

Passport JS Authentication 

JWT Auth is from 

Vercel deployment  

React Router 

# 🔥 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