Buyya — E-commerce Web App

Buyya is a simple e-commerce app where users can browse products, view details, pick variants, add items to cart, and checkout. It’s built with React on the frontend and a backend API that serves product data, images, and user actions.

What Buyya Does

• shows product lists

• shows product detail pages (images, variants, reviews)

• lets users add items to cart

• handles product variants like sizes and colors

• shows customer reviews

• supports search and categories

Tech Stack

Frontend: React + TailwindCSSBackend: any REST API (your choice)Database: stores product info, variants, images, and cart dataImages: stored locally for dev, cloud storage for production

Folder Structure (Frontend)

• /src/components — reusable UI parts

• /src/pages — main screens like Home, Product, Cart

• /src/hooks — custom logic

• /src/context — state like cart and auth

• /src/utils — small helper functions

• /public/images — local images for development

Product Model (Backend)

Each product includes:

• id

• name

• short description

• full description

• price

• images (URLs)

• variants (sizes, colors, etc.)

• stock

• reviews

How Images Are Stored

• dev: public/images/

• production: cloud storage like S3 or Cloudinary

• database only keeps the image URL

Running the App (Frontend)

1. install dependencies

2. start the dev server

3. connect to your backend API

Features in Progress

• checkout flow

• payment integration

• admin dashboard

• order tracking