Full-Stack-e-Commerce Tailwind Templates

Full Stack E Commerce

A modern MERN stack e-commerce platform with Tailwind CSS, ShadCN UI, Redis caching, authentication, product management, Stripe integration, and an admin dashboard. šŸš€šŸ’»šŸ›’

🌟 MERN E-Commerce

šŸš€ Overview

Welcome to the MERN E-Commerce project! This is a modern, high-performance e-commerce platform built with the MERN (MongoDB, Express.js, React, Node.js) stack. It features a beautiful UI using Tailwind CSS & ShadCN UI and optimized backend performance with Redis caching.

✨ Features

  • User Authentication (JWT / Clerk)
  • Product Management (Add, edit, delete products)
  • Shopping Cart (Seamless cart experience)
  • Order Management (Checkout, track orders)
  • Payment Integration (Stripe / PayPal)
  • Admin Dashboard (Manage users, products, orders)
  • Fast Performance (Redis caching for speed)
  • Responsive & Modern UI (Tailwind & ShadCN UI)

šŸ› ļø Tech Stack

šŸŽØ Frontend:

  • React (Vite) – Fast and efficient development
  • Tailwind CSS – Modern utility-first styling
  • ShadCN UI – Beautiful prebuilt components

šŸ”§ Backend:

  • Node.js & Express.js – RESTful API
  • MongoDB & Mongoose – NoSQL database
  • Redis – Caching and session management
  • JWT / Clerk – Secure authentication

šŸŒ Deployment:

  • Frontend: Vercel / Netlify
  • Backend: Render / DigitalOcean
  • Database: MongoDB Atlas

šŸ”„ Getting Started

1ļøāƒ£ Clone the repository:

git clone https://github.com/yourusername/mern-ecommerce.git
cd mern-ecommerce

2ļøāƒ£ Install dependencies:

# Install frontend dependencies
cd client
npm install

# Install backend dependencies
cd ../server
npm install

3ļøāƒ£ Setup environment variables:

  • Create a .env file in the server folder with:
    MONGO_URI=your_mongodb_connection_string
    REDIS_URL=your_redis_url
    JWT_SECRET=your_jwt_secret
    STRIPE_SECRET_KEY=your_stripe_key
    

4ļøāƒ£ Start the development servers:

# Start backend
cd server
npm run dev

# Start frontend
cd ../client
npm run dev

šŸ¤ Contributing

Pull requests are welcome! šŸš€ If you'd like to improve the project, open an issue to discuss your ideas.

šŸ“œ License

This project is licensed under the MIT License.


šŸŽÆ Future Enhancements

  • Wishlist Feature
  • Product Reviews & Ratings
  • Multi-language Support
  • GraphQL API Support

šŸš€ Happy Coding & Shopping! šŸ›’

Top categories

Loading Svelte Themes