💻 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
- 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
- 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