Projects/Full-Stack E-Commerce Ecosystem
Full-Stack E-Commerce Ecosystem

NutriPump Artisanal

Production-grade full-stack e-commerce platform bringing premium Kashmiri artisanal products — stone-ground nut butters, wildflower honey, cold-pressed oils — to a global audience. Features a premium customer storefront, a custom-built Admin CMS, Razorpay-powered checkout with HMAC verification, and a native Flutter iOS & Android companion app.

3 (Web · iOS · Android)

Platforms

9 full CMS modules

Admin Modules

HMAC server-verified

Payment Security

lock nutripump.store
nutripump.store screenshotopen_in_newVisit Live Site

Overview

NutriPump Artisanal is a production-grade, full-stack e-commerce ecosystem built to bring authentic Kashmiri artisanal products — stone-ground nut butters, wildflower honey, cold-pressed oils — to a global audience. The system spans three surfaces: a premium Next.js web storefront, a fully custom Admin CMS with 9 real-time management modules, and a native Flutter companion app for iOS and Android — all backed by a shared Firebase + Next.js backend.

Technical Architecture

The backend (Next.js API routes at nutripump.store) acts as the single authoritative source for all transactional operations. The mobile app communicates with the same API via Dio, while the web app uses native Next.js server actions and route handlers.

hexagon

Customer Storefront

Next.js 14 + Framer Motion + Razorpay

hexagon

Admin CMS

Role-gated dashboard with 9 management modules

hexagon

Flutter Mobile App

iOS & Android — MVVM + Riverpod + GoRouter

hexagon

AI Chat Assistant

Voice-to-text + NLP product recommendations

hexagon

Payment Engine

Razorpay + HMAC server-side verification

hexagon

FCM Push Layer

Foreground, background, deep-link notifications

Full-Stack Web Platform

Next.js 14 App Router web storefront with a custom Admin CMS, Razorpay payment gateway (HMAC-verified), Zustand cart state, Firebase Auth (Email + Google), and Firestore for all real-time data.

NEXT.JS 14TYPESCRIPTFIREBASERAZORPAYZUSTANDTAILWIND CSS

Native Mobile App

Flutter companion app using MVVM + Service Layer architecture. Riverpod manages all state. GoRouter handles 30+ routes with auth guards. Hive persists cart, wishlist, and notifications offline.

FLUTTER 3.22+RIVERPOD 2.xGOROUTERHIVEFIREBASEDIO

Payment Security Layer

Order amounts are always calculated server-side — the client never computes the final price. Razorpay HMAC signature is verified in a Next.js API route before any Firestore order is marked as PAID.

RAZORPAYHMACNEXT.JS API ROUTESFIRESTORE

AI Chat Assistant

Voice-to-text input via speech_to_text sends user queries to a custom NLP endpoint on the Next.js backend. AI responses include product recommendation cards rendered inline in the chat UI.

FLUTTERSPEECH_TO_TEXTDIONLP API

Performance Benchmarks

PLATFORMS

3

ADMIN MODULES

9

MOBILE ROUTES

30+

PAYMENT METHOD

HMAC-verified

Results & Impact

link

Cross-Platform Ecosystem

Single Firebase + Next.js backend powering a web storefront, custom Admin CMS, and native Flutter iOS & Android app — three surfaces from one shared architecture.

link

Custom Admin CMS

9-module admin panel (products, categories, banners, orders, customers, analytics, reviews, settings) built without a third-party headless CMS — full ownership of the data layer.

link

Secure Payment Flow

Razorpay HMAC signature verification on the server ensures payments are never trusted from the client — protecting the business from manipulation on both web and mobile surfaces.

Three surfaces. One backend. Zero compromises.

Up next — AI-Powered Medicinal Plant Identification