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.
-
🔒 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.
- Frontend: React.js, TailwindCSS
- Backend: Node.js, Express.js
- Database: MongoDB
- Payment Gateway: Stripe
- Authentication: JWT (Refresh and Access Tokens)
Ensure you have the following installed:
-
Clone the repository:
git clone https://github.com/tamal78/clique.git
-
Navigate to the project directory:
cd clique
-
Install dependencies:
npm install cd frontend && npm install cd ../backend && npm install
-
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=...
-
Start the development server:
cd backend && npm run dev
-
Open the app in your browser:
cd frontend && npm run dev
Contributions are welcome! Please feel free to submit a pull request or open an issue for suggestions and improvements.
Check out the live demo here