Full-Stack E-Commerce

AEROLITH

A premium, production-deployed full-stack e-commerce platform built for high-value online retail, featuring an immersive 3D UI, solid state management, and real-time business integrations.

E-Commerce Store
Role Full-Stack Developer
Type E-Commerce Platform
Stack MERN, Redux, Spline 3D
Status Production Deployed

Overview

AEROLITH is not a simple tutorial clone — it's a comprehensive business system built from the ground up for real-world retail constraints. It empowers businesses with a fully functional control center while providing customers an unforgettable shopping experience.

On the customer side, the application offers an immersive, interactive 3D UI powered by Spline, fluid Framer Motion transitions, real-time product discovery, and flawless state management with Redux Toolkit. Checkout is secured through a robust Razorpay gateway integration, managing real transactions.

On the administrative side, business owners are provided with rich ApexCharts-powered revenue analytics, complete CRUD inventory control, multi-stepped order fulfillment flows, and coupon campaign management. Notifications via Email and WhatsApp (Twilio) keep both consumers and admins heavily connected.

Key Features

01

Immersive 3D Experience

Interactive WebGL homepage elements via Spline and fluid, physics-based page transitions powered by Framer Motion, delivering a true high-fidelity UI.

02

Robust State Management

Optimized data fetching, API caching, and complex live cart logic heavily utilizing Redux Toolkit + RTK Query for absolute frontend reliability.

03

Admin Command Center

Comprehensive dashboard displaying real-time revenue analytics via ApexCharts, category/product management, order status manipulation, and user access control.

04

Real-World Notifications

Integrated automated order affirmations via NodeMailer (PDF invoices) and immediate Twilio WhatsApp notifications for active process alerting.

Architecture & Technical Decisions

The platform separates responsibilities cleanly, running a scalable React (Vite) frontend and a secure Node/Express API. Authentication covers modern OAuth (Google) combined with traditional JWT schemas. Secure production-grade endpoints manage interactions between the Razorpay SDK, server-side notification hooks, and database schemas.

Media scaling is aggressively tackled by offloading product asset storage to Cloudinary, eliminating server bottleneck risks over heavy image uploads from the admin dashboard.

Tech Stack

Frontend

ReactRedux ToolkitTailwind CSSFramer MotionSpline (WebGL)

Backend

Node.jsExpress.jsJWT/BcryptMongoose

Tools

MongoDB AtlasVercelRailway

Integrations

RazorpayTwilioNodemailerCloudinary