Velora E-commerce System

A full-stack ecommerce system with cart, checkout, admin panel, and order management.

Project Overview

Velora is a full-stack fashion e-commerce system built with Flask. The goal of the project was to create a working online store where users can browse products, manage a cart, place orders, and where an admin can manage customer orders from a private admin panel.

Problem It Solves

Many small fashion businesses need a simple online ordering system without immediately needing complex payment integration. Velora solves this by allowing customers to place orders online while the store owner manages order fulfillment manually through an admin dashboard.

Core Features

• User signup, login, logout, and session handling
• Product browsing by category: Men, Women, Kids, New Arrivals, and Sale
• Cart system with quantity increase, decrease, and remove functionality
• Checkout form for customer delivery information
• Order creation and order item storage
• User order history page
• Admin-only order management panel
• Order status update system: Pending, Processing, Shipped, Delivered, Cancelled

How the System Works

The customer browses the store, adds products to the cart, and proceeds to checkout. After checkout, the cart items are converted into an order and stored in the database. The admin can then view all orders, inspect order details, and update the delivery status.

Customer browses products
→ Adds products to cart
→ Opens checkout
→ Places order
→ Order is saved in database
→ Admin views order
→ Admin updates order status
    

Database Structure

The system uses SQLAlchemy models to separate temporary cart data from confirmed order data.

• User: stores customer login details and admin role
• CartItem: stores products currently in a user's cart
• Order: stores final customer order information
• OrderItem: stores each product inside an order

Screenshots

Product Collection

Cart System

Checkout Page

Admin Orders Panel

Admin Order Detail

Challenges I Solved

• Fixed cart quantity bugs by using cart item IDs instead of product IDs
• Built checkout logic that converts cart items into permanent orders
• Handled database schema changes while adding new order/admin features
• Implemented admin-only route protection using an is_admin role
• Debugged deployment issues involving Gunicorn start commands and Render configuration

Tech Stack

Flask, SQLAlchemy, Bootstrap

Future Improvements

• Payment integration with Stripe
• Product management dashboard
• Delivery status automation
• AI-assisted order tracking and customer support
• Better responsive UI polish

What I Learned

This project helped me understand how real e-commerce systems work beyond just displaying products. I learned how authentication, cart state, checkout, database relationships, and admin permissions connect together to form a complete full-stack application.