0%
/vtc-web/vtc-web/vtc-web
/vtc-web/vtc-web/vtc-web
Project-03
E-Commerce web application
E-Commerce web application

Overview

Vidara Trade Center (VTC) is an established retail business in Wattala, Sri Lanka, known for providing a vast, high-quality range of household essentials. For years, VTC operated exclusively as a brick-and-mortar outlet, managing sales, inventory, and customer interactions entirely manually, which naturally limited their reach to the immediate local community.

Recognizing the growing shift towards digital convenience, our strategic goal was to bridge this gap by bringing VTC's trusted in-store experience online. We engineered a custom full-stack e-commerce web application with an intuitive UI/UX design to elevate the customer experience and completely digitalize their retail operations. The new platform breaks geographical barriers, allowing customers to seamlessly browse and purchase everyday essentials from anywhere, while providing robust, automated backend management tools for the VTC team.

Live Websitevidaratradecenter.me
GitHub
GitHubshanelperera-exe/vtc-web

Details

TypeClient Project
ClientVidara Trade Center
RoleLead Developer & Designer
IndustryE-commerce & Trade
DeliverablesWeb Platform & Admin Panel
Duration2 Months

Focus Areas

  • Fault Tolerance
  • Data Replication
  • Raft Consensus
  • Time Sync
  • System Design

Tech Stack

ReactJavaScriptJavaSpring BootMySQLJWTBrevoDockerNginxGitVercelRailwayCanva
Arrow

Features

Curated Product Catalog: An intuitive, heavily categorized storefront making it easy for customers to discover household essentials and seasonal items.
Seamless Shopping Cart: A frictionless cart experience with real-time inventory checks, persistent state, and automatic tax/shipping calculations.
Secure Checkout Flow: Integrated payment gateways supporting credit cards and popular digital wallets for fast, encrypted consumer transactions.
Customer Accounts & History: Personalized dashboards where shoppers can save addresses, track current orders, and quickly reorder past purchases.
Inventory Management: A streamlined admin panel for the shop owners to easily update stock levels, add new products, and manage pricing.
Order Fulfillment System: Admin tools to process incoming orders, generate tracking updates, and automatically notify customers of dispatch.
Responsive Mobile-First Design: Fully optimized interface ensuring customers can effortlessly browse and purchase directly from their smartphones.
Dynamic Search & Filtering: Powerful search functionality allowing users to instantly filter products by room, category, price range, and availability.
Happy Flower
Overview
System Design

System
Architecture

Architecture
Overview
Design System

Brand Identity

Logos

VTC Primary Logo
VTC Secondary Logo

Color Palette

Typography

Typography 1
Overview
Showcase

Gallery

Gallery item