🛍️ Desire - Tech Gadget E-Commerce Platform

Desire is a modern, responsive e-commerce website focused on tech gadgets and electronics. Built using the MERN stack, this platform offers seamless browsing, user authentication, product management, and a streamlined shopping experience.

🔗 Live Site

🚀 Visit the Live Site
📦 Client Repository

---

📸 Preview

---

🧰 Tech Stack

🔹 Frontend+Backend

• Next.js
• React.js
• Tailwind CSS
• ShadCnUI
• React-Icons
• Day.js
• MongoDB
• Node.js
• Express.js

🔹 Tools & Integration

• CLERK – Secure authentication
• Zustand - For state management
• Stripe – Payment gateway integration
• Sanity.io – Content Management and Product Catalog
• Vercel – For Deployment

---

✨ Features

• 🔐 User Authentication (Clerk/auth)
• 🛍️ Product Listing & Categorization
• 🛒 Add to Cart with quantity and price calculation
• 🧾 Order Checkout with Stripe integration
• 🧑‍💻 Admin Panel (Manage products & orders)
• 📱 Responsive UI for mobile and desktop devices
• 📷 Image Upload (Sanity.io integration)
• 📦 Dynamic product filtering and search
• 📊 Dashboard Analytics (optional future scope)

---

🚀 Getting Started

Clone the repository

git clone https://github.com/fahimnirjon/Desire.git
cd Desire

Install dependencies

npm install
# or if using yarn
yarn

Set environment variables

Create a .env file and add the following:

NEXT_PUBLIC_BASE_URL=http://localhost:3000
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_key
CLERK_SECRET_KEY=your_key
NEXT_PUBLIC_SANITY_PROJECT_ID=your_key
NEXT_PUBLIC_SANITY_DATASET="production"
NEXT_PUBLIC_SANITY_API_VERSION=your_version
SANITY_API_TOKEN=your_key
SANITY_API_READ_TOKEN=your_key
STRIPE_SECRET_KEY=your_key
STRIPE_WEBHOOK_SECRET=your_key

Run the development server

npm run dev

Make sure the backend API server is also running.

---

🧑‍💼 Author

Fahim Shahriar Nirjon 💼 MERN Stack Developer 📧 Email | 🌐 Portfolio 🐱 GitHub | 🔗 LinkedIn

---

📝 License

This project is licensed under the MIT License.

---