React
Express
MySQL
Tailwind CSS
SaaS / AI
Smart CRM
A multi-tenant CRM with AI assistance built into the record, summarising history and surfacing the next action for every account.
- Next.js
- TypeScript
- PostgreSQL
- OpenAI
- +1
Next.js
TypeScript
PostgreSQL
OpenAIView Case Study
Case Study / Web Application
MegaMart / 12 weeks
Full-Stack E-Commerce Platform
A complete storefront and admin suite — React frontend with product browsing, cart and checkout, backed by an Express, JWT and MySQL API with social sign-in.
- 6+ Storefront screens. Home, products, details, cart, checkout and contact.
- 2 Social providers. Google and Facebook sign-in on the frontend.
- Full Admin coverage. An admin suite alongside the customer storefront.
- React
- Express
- MySQL
- JWT
- Tailwind CSS
Overview
Client Overview
Personal project — full-stack e-commerce build
Services provided
- Full-Stack Web Development
- Web Application Development
- Client
- Personal project — full-stack e-commerce build
- Industry
- E-Commerce
- Timeline
- 12 weeks
- Year
- 2025
- Platforms
- Web application
- Team
- 1 engineer
Challenge
Business Challenge
The situation before the engagement, in the client's terms.
E-commerce is a marathon of moving parts: catalog, cart, checkout, accounts, uploads, emails and an admin area. The challenge was shipping all of it coherently.
- 01
Catalog depth
Products, details and filtering needed to feel complete.
- 02
Checkout flow
Cart through checkout had to be guided and reliable.
- 03
Account security
JWT auth with validated, hashed credentials.
- 04
Media handling
Product images needed upload support on the API.
Objectives
Engagement Objectives
What the build needed to achieve before implementation began.
Cover the full customer journey from browse to checkout
Secure the API with JWT, validation and helmet headers
Add social sign-in without cluttering the flow
Give admins a real management surface
Solution Design
How We Solved It
The approach that addressed each challenge above.
Storefront and API split cleanly. The frontend owns the shopping experience; the Express API owns auth, validation, uploads and email.
- 01
Full storefront
Home, product list, detail views, cart and checkout.
- 02
JWT everywhere
Token auth with validated payloads on every protected route.
- 03
Social sign-in
Google and Facebook flows integrated into the client.
- 04
Admin area
Store management behind the customer-facing surface.
Capabilities
Key Features
What MegaMart does in day-to-day use.
Storefront
Product browsing with detail pages and a clean catalog layout.
Cart & checkout
Add, update and check out with a guided flow.
Admin suite
Admin area for managing the store behind the scenes.
JWT auth
Token-based authentication across API and client.
Social sign-in
Google and Facebook login options on the frontend.
Secure API
Helmet headers, validated payloads and hashed credentials.
Technology Stack
Technology Stack
- React
- Vite
- Tailwind CSS
- GSAP
- React Router
- Google OAuth
- Facebook Login
- Express
- JWT auth
- Helmet
- Multer uploads
- MySQL
- Joi validation
- Nodemailer
Outcome
Results & Outcome
What changed for the business after launch.
6+
Storefront screens
Home, products, details, cart, checkout and contact.
2
Social providers
Google and Facebook sign-in on the frontend.
Full
Admin coverage
An admin suite alongside the customer storefront.
Interface
A Closer Look
Screens from the delivered system.
The storefront home with featured products. 
Catalog browsing with filtering. 
The shopping cart in the checkout flow.
Conclusion
The Result
MegaMart came together as a real storefront: customers browse, filter and check out while admins manage products and orders — a full loop from catalog to sale.
- 6+ Storefront screens: Home, products, details, cart, checkout and contact.
- 2 Social providers: Google and Facebook sign-in on the frontend.
- Full Admin coverage: An admin suite alongside the customer storefront.
More work
Related Projects
Other systems built on similar foundations.
AI / Web Application
AI Resume Platform
A web platform that parses resumes into structured data, matches candidates to roles with an explainable score, and generates tailored documents.
- Next.js
- Python
- FastAPI
- OpenAI
- +1
View Case Study
Python
FastAPINext step
Want a System Like This?
Tell us what your business needs to automate and we'll map out a practical build.
hello@thedevrox.comWe reply to every enquiry within one business day.