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.
π Visit the Live Site
π¦ Client Repository
- Next.js
- React.js
- Tailwind CSS
- ShadCnUI
- React-Icons
- Day.js
- MongoDB
- Node.js
- Express.js
- CLERK β Secure authentication
- Zustand - For state management
- Stripe β Payment gateway integration
- Sanity.io β Content Management and Product Catalog
- Vercel β For Deployment
- π 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)
git clone https://github.com/fahimnirjon/Desire.git
cd Desirenpm install
# or if using yarn
yarnCreate 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
npm run dev
Make sure the backend API server is also running.
Fahim Shahriar Nirjon πΌ MERN Stack Developer π§ Email | π Portfolio π± GitHub | π LinkedIn
This project is licensed under the MIT License.