DigitalDepot

Full-Stack

CLIENT

Local Hardware Retailer

MY ROLE

Full-Stack Developer & System Architect

TIMELINE

2025-06 — 2025-08

DESCRIPTION

Full-featured e-commerce app with admin review workflow and Razorpay payments.

CONTEXT

A hardware retailer needed a robust online store enabling accurate order review and approval before payment, with secure authentication, responsive UI, and scalable backend.

Technical Architecture

FRONTEND

Next.jsReactTypeScriptTailwind CSSRedux ToolkitHeroUI

BACKEND

Next.js API routesPrisma ORMJWT AuthenticationRazorpay SDK/Webhooks

DATABASE

PostgreSQL

DEPLOYMENT

Vercel

DigitalDepot

Problem

The business required a digital storefront with strict order accuracy and a controlled payment workflow. Existing processes lacked admin review, secure payments, and reliable status tracking.

Process

We adopted a systematic approach to full-stack development, ensuring scalable architecture, robust backend systems, and intuitive user interfaces that meet modern web application standards.

1.

Designed Next.js app architecture with protected routes and JWT session handling.

2.

Implemented product catalog with categories, search, and details.

3.

Built cart with quantity edits, delivery type selection, and GST-calculated totals.

4.

Implemented multi-stage order workflow with admin review and modification tracking.

5.

Integrated Razorpay with fee calculation, webhook verification, and retry logic.

6.

Developed admin APIs, notifications, and status analytics.

7.

Hardened security with middleware, input validation, and rate limiting.

Solution

Delivered a secure, responsive e‑commerce platform with staged order review, reliable payments via Razorpay, and clear status tracking—reducing payment disputes and improving operational accuracy.

DigitalDepot screenshot 2
DigitalDepot screenshot 3
DigitalDepot screenshot 4
DigitalDepot screenshot 5

Key Features

JWT-based authentication with protected routes

Category-driven catalog with search and product details

Cart with GST and delivery options (Home Delivery/Shop Collection)

Order workflow: PENDING_REVIEW → READY_FOR_PAYMENT → PAYMENT_PAID → BILLED

Razorpay integration with fee breakdown and webhook verification

Admin review/modification with change logging and notifications

Responsive layout optimized for desktop and mobile