E-CommerceE-CommerceCompleted
Khushinamkeen – Authentic Indian Snack E‑commerce Brand
A brand store for Indian snacks featuring cart operations, stripe invoices, and admin stock meters.
Project Narrative
A modern direct-to-consumer store designed for regional snack catalog ordering. Leverages state syncing and transactional webhooks for a robust checkout lifecycle.
Project Overview
A high-performance e-commerce store built to showcase traditional Indian snacks. The application offers a lightning-fast checkout flow, inventory management, and automated client invoices.
Core Features
- Client-Side Cart Logic: Lightweight react state management to track quantities without page reload.
- Billing Integration: Integrated with Stripe and Razorpay to offer dual local and international checkouts.
- Inventory Monitor: Automatically decreases stock counts on purchases and notifies admins when counts drop.
- Order Tracking: Generates status links for clients to track preparation, shipping, and delivery steps.
Technology Stack
- Frontend: Next.js, Tailwind CSS
- Backend: Next.js API Routes, Mongoose, Nodemailer (automated receipt generation)
Key Features
Responsive Product Catalog
Persistent Shopping Cart
Stripe Payment Gateway
Inventory Tracking Dashboard
Discount Coupon System
Engineering Challenges & Solutions
Challenge #1
Retaining user cart selections across tabs and page updates without creating DB sessions.
Solution Response
Designed persistent client-side cart states backed by synchronized localStorage.
Challenge #2
Preventing double-order creations during unstable network card payments.
Solution Response
Implemented secure Stripe webhook verification before generating database transaction logs.
Project Specifications
ClientKhushi Namkeen Co.
IndustryRetail / Food & Beverage
Duration2 Months
TypeE-Commerce
Tech Stack
Next.jsReactMongoDBStripeNodemailerTailwind CSS
Explore Other Case Studies
Education
US Institute of 3D Technology – Full-Stack Educational Platform
A comprehensive learning portal with course lists, dashboard profiles, Three.js CAD viewers, and billing systems.
Travel & Tourism
Neminath Travels – Full-Stack Vehicle&Driver Booking Platform
An automated passenger vehicle booking engine, maps routing, live dispatch boards, and fleet billing sheets.
Education
Monark University – Full-Stack Website with Deployment
A highly performant portal for Monark University, optimized for SEO, containing departments information and CMS notices.