2026

10 Fit

Full-stack health & wellness ecommerce platform with Real-time state, JWT auth, MongoDB Atlas, and a dynamic admin dashboard.

10 Fit

10 Fit is a full-stack ecommerce web application built for health & wellness products. The platform features a modern React frontend with a robust Express.js backend, deployed on Vercel with MongoDB Atlas for data persistence.


Demo Access

Email: demo@10fit.com
Password: demo123456

Key Features

Customer Experience: Complete user journey including registration, product browsing with filters, cart management, and order tracking.
Admin Dashboard: Powerful tools for managing products, categories, orders, and viewing statistics.
Security: Role-based access control (RBAC), JWT authentication with refresh tokens, and input validation.
Modern UI/UX: Responsive design with Tailwind CSS, micro-animations, and toast notifications.

Architecture & Deployment

The application uses a decoupled client-server architecture:

Frontend: React client deployed on Vercel, using Redux Toolkit for state management and Axios for API communication.
Backend: Express.js REST API running as Vercel Serverless Functions.
Database: MongoDB Atlas for scalable, cloud-based data storage.
Media: Cloudinary integration for optimized image storage and delivery.
Email: Resend service for transactional emails (verification, password reset).

Technical Highlights

Authentication: Secure implementation using short-lived Access Tokens (15 min) and long-lived Refresh Tokens (7 days) with httpOnly cookies.
State Management: efficient global state management with Redux Toolkit for cart and user data.
API Design: Well-structured RESTful endpoints for User, Product, Category, Cart, Order, and Address resources.
10 Fit detail 1
10 Fit detail 2
10 Fit detail 3

Technologies

React 19Redux ToolkitExpress.jsMongoDB AtlasJWTVercelTailwind CSSCloudinary