shikhu51197 / productionecommerceapp

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

⭕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;

💫 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