Vivek's Farm Commerce Project

Vivek's Farm Commerce is a full-stack e-commerce platform for a farm-owned food brand selling natural products such as ghee, pickles, sweets, honey, and other pantry essentials. It is designed for direct-to-consumer selling with a clean customer storefront and a dedicated admin panel.

The project combines a production-focused shopping experience with business-ready operations. Customers can browse categories, explore product details, manage a persistent cart, log in using OTP, and complete checkout with either Razorpay online payment or cash on delivery.

Business Problem Solved

This platform helps a small farm brand sell online without depending on heavyweight marketplaces. It provides full control over catalog, pricing, order flow, and customer experience while keeping operations simple for admins.

Customer Features

Product catalog with categories and product detail pages.
Persistent cart powered by Zustand for smooth repeat buying.
OTP-based authentication for fast mobile-friendly login.
Checkout with Razorpay online payment and COD support.
Order creation, payment verification, and order tracking/history.
Responsive UX with loading states, empty states, and SEO metadata.

Admin Features

Protected admin authentication and role-restricted routes.
Dashboard metrics for order and revenue monitoring.
Category CRUD and product CRUD operations.
Order review and status management workflows.
Image uploads with Cloudinary integration.

Architecture

Monorepo setup with separate frontend and backend apps.
Next.js 16 App Router frontend for storefront and admin UI.
Express 5 + MongoDB backend with modular route structure.
Shared TypeScript-first development workflow using pnpm workspaces.

Tech Highlights

Frontend: Next.js, React, TypeScript, Tailwind CSS, TanStack Query, Zustand.
Backend: Express, MongoDB, Mongoose, JWT, bcryptjs, Multer, Cloudinary.
Payments and Ops: Razorpay integration, Biome linting/formatting, production-focused error handling.

This project demonstrates full-stack architecture, product thinking, and deployment-ready execution for real-world small-business commerce.

Business Problem Solved

Customer Features

Product catalog with categories and product detail pages.
Persistent cart powered by Zustand for smooth repeat buying.
OTP-based authentication for fast mobile-friendly login.
Checkout with Razorpay online payment and COD support.
Order creation, payment verification, and order tracking/history.
Responsive UX with loading states, empty states, and SEO metadata.

Admin Features

Protected admin authentication and role-restricted routes.
Dashboard metrics for order and revenue monitoring.
Category CRUD and product CRUD operations.
Order review and status management workflows.
Image uploads with Cloudinary integration.

Architecture

Monorepo setup with separate frontend and backend apps.
Next.js 16 App Router frontend for storefront and admin UI.
Express 5 + MongoDB backend with modular route structure.
Shared TypeScript-first development workflow using pnpm workspaces.

Tech Highlights

Frontend: Next.js, React, TypeScript, Tailwind CSS, TanStack Query, Zustand.
Backend: Express, MongoDB, Mongoose, JWT, bcryptjs, Multer, Cloudinary.
Payments and Ops: Razorpay integration, Biome linting/formatting, production-focused error handling.

This project demonstrates full-stack architecture, product thinking, and deployment-ready execution for real-world small-business commerce.