Skip to content

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

Notifications You must be signed in to change notification settings

shikhu51197/ProductionEcommerceApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 

Repository files navigation

⭕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) Screenshot (1968) Screenshot (1969) Screenshot (1967) Screenshot (1970) Screenshot (1971) Screenshot (1972)

💫 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