Empower Your Shopping Experience with Seamless Innovation
- Product Browsing – Detailed product pages with images and pricing.
- Real-Time Cart – Dynamic cart with live updates.
- Stripe Checkout – Secure and responsive payment integration.
- Admin Panel – Manage products, orders, and inventory.
- Smart Suggestions – Related product recommendations by category.
- User Authentication – Powered by NextAuth.js.
- Order Management – Track order status and history.
| Category | Technologies |
|---|---|
| Frontend | Next.js 15, Tailwind CSS, React, Swiper, Framer Motion |
| Backend | Node.js, Prisma ORM |
| Database | MongoDB (via Prisma) |
| Payments | Stripe, PayU |
| Auth | NextAuth.js |
| Testing | Jest, React Testing Library |
| Utils | Zod, Lodash, Axios, Chart.js, Date-fns |
| CI/Formatting | Prettier, ESLint, Autoprefixer, PostCSS |
Install dependencies:
npm install
# or
yarn installRun the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devFor testing the stripe checkOut run on a secure http
node server.jsOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
Set up the environment variables by creating a .env file at the root of the project: (.env.local and .env.production )
GOOGLE_ID=your-googleID
GOOGLE_SECRET=yourGoogle-Secret
NODE_ENV=
COOKIE_SECRET=your-cookie-secret
DATABASE_URL="your-mongodb-connection-string"
NEXTAUTH_SECRET=your-nextAuth-secret
NEXT_PUBLIC_APP_URL=https://localhost:3000
STRIPE_SECRET_KEY=uour-stripe-scret-key
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your-public-stripe-key
NEXT_PUBLIC_BASE_URL=https://localhost:3000 # or your production base URL
BASE_URL=http://localhost:3000npm testOr test individual server action as follows
npx jest test/actions/addProduct.test.tsNext.js Prisma Stripe NextAuth.js