Clique 🛍️

Clique is a modern fashion e-commerce platform built with the MERN stack, featuring secure user authentication, a responsive cart and checkout system, Stripe payments, and an admin dashboard for managing products and sales.

---

🌟 Features

• 🔒 Secure Authentication

  • Implements JWT-based authentication with refresh and access tokens.
  • Protects user sessions with enhanced security.

• 🛒 Responsive Cart & Checkout

  • Add, update, and remove items seamlessly.
  • Supports coupon codes for discounts.

• 💳 Stripe Payment Integration

  • Provides smooth payment handling via Stripe.
  • Supports multiple payment methods.

• 📈 Admin Dashboard

  • Manage products, inventory, and sales data efficiently.
  • Access insightful sales analytics for informed decision-making.

• 📱 Fully Responsive Design

  • Optimized for all devices, ensuring a seamless shopping experience.

---

🛠️ Tech Stack

• Frontend: React.js, TailwindCSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Payment Gateway: Stripe
• Authentication: JWT (Refresh and Access Tokens)

---

🚀 Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js
• npm or yarn
• MongoDB

Installation

1. Clone the repository:

   git clone https://github.com/tamal78/clique.git
   

2. Navigate to the project directory:

   cd clique

3. Install dependencies:

   npm install
   cd frontend && npm install
   cd ../backend && npm install
   

4. Set up environment variables:
   Create a .env file in the root directory and configure the required variables, e.g.:

   PORT=...
   MONGODB_URI=...
   JWT_SECRET=....
   STRIPE_SECRET_KEY=...
   NODE_ENV=...

5. Start the development server:

   cd backend && npm run dev

6. Open the app in your browser:

   cd frontend && npm run dev

---

📸 Admin Dashboard

---

🤝 Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue for suggestions and improvements.

---

🌐 Live Demo

Check out the live demo here