🛍️ E-Commerce Frontend — React & TypeScript

A dynamic and responsive e-commerce frontend built with React and TypeScript, bootstrapped with Vite. Built as a personal project to demonstrate frontend development skills with modern tooling.

---

✨ Features

• Product Search — live search with result count indicators
• Sorting & Filtering — sort by price/name, filter by stock availability
• Shopping Basket — add/remove items with real-time total cost calculation
• Responsive Design — clean UI that works across screen sizes
• Type-safe — fully typed with TypeScript throughout

---

🛠️ Tech Stack

React TypeScript Vite CSS ESLint

---

🚀 Getting Started

Prerequisites

• Node.js (>=18.0.0)
• npm

Run locally

# Clone the repo
git clone https://github.com/Mololola/React-TypeScript-E-Commerce-Frontend.git

cd React-TypeScript-E-Commerce-Frontend

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:5173 in your browser.

---

📁 Project Structure

src/
├── components/       # Reusable React components
├── hooks/            # Custom React hooks
├── types/            # TypeScript type definitions
└── App.tsx           # Root component

---

🔧 Available Scripts

Command	Description
npm run dev	Start dev server
npm run build	Build for production
npm run lint	Run ESLint