Bicycle Store Application Cycle_labs

Building Cycle_labs: A Full-Stack MERN E-Commerce Platform for Bicycles

Cycle_labs is a full-stack e-commerce web application engineered to deliver a seamless shopping experience for cycling enthusiasts while providing comprehensive management tools for administrators. The application features end-to-end user workflows, real-time inventory updates, and integrated local payment processing.

Live Demos & Access

• Live Frontend: cycle-labs.netlify.app

• Backend API: cycle-labs-backend.vercel.app

• Admin Demo Access:

  • Email: sujon@gmail.com

  • Password: 1234567

Tech Stack Breakdown

Layer Technologies:

Frontend: React.js, Redux Toolkit, Tailwind CSS, ShadCN UI;

Backend: Node.js, Express.Database: MongoDB (Mongoose ODM); Authentication: JSON Web Tokens (JWT), Role-Based Access Control (RBAC);

Integrations: SurjoPay Payment Gateway, Cloudinary Media Storage

Core Architecture & Features

1. Authentication & Role-Based Access

• Secure Auth: JWT-based authentication for persistent and secure user sessions.

• Role Management: Segregated access controls for standard customer accounts and admin portals.

• Session Control: Instant token clearance and state reset on user logout.

2. Public User Experience

• Hero & Discovery: Interactive banners showcasing special offers and trending models.

• Search & Dynamic Filters: Real-time product search with filtering by brand, model, price range, and stock availability.

• Product Showcase: Detailed spec sheets, high-resolution media galleries, and one-click cart management.

3. Checkout & Payment Pipeline

• Order Processing: Automated subtotal and tax calculation with user shipping detail verification.

• Payment Integration: Secure checkout flow integrated with SurjoPay for instant transaction settlement.

4. Comprehensive Dashboards

• Customer Dashboard: Order tracking history, profile customization, and password updates.

• Admin Portal: Full CRUD control over inventory (bicycles), active user accounts, and incoming order fulfillment.

Backend Architecture & Scalability

• Relational Schemas: Optimized Mongoose schemas across User, Bicycle, and Order collections.

• Inventory Consistency: Automated stock deduction and validation during order execution.

• Security Middleware: Route-level authentication barriers guarding checkout and management endpoints.

Here is the full Screenshot: