A modern, responsive, and modular e-commerce web application built with React and Tailwind CSS, featuring product browsing, cart management, and checkout flow.
Continued...
- Home Page: Highlights featured products and provides clear navigation.
- Products Page: Displays product list/grid with name, image, and price.
- Product Detail Page: Shows full product description, image, and add-to-cart button.
- Cart Page: Displays cart items, allows quantity adjustments and removals.
- Checkout Page: Collects shipping information and confirms order.
- Navigation Bar & Footer: Persistent layout components across all pages.
- Responsive Design: Optimized for mobile and desktop.
- User lands on the Home Page.
- Browses products on the Products Page.
- Clicks a product to view Details.
- Adds the product to the Cart.
- Views cart and proceeds to Checkout.
- Fills in shipping info and submits the order.
| Layer | Tools Used |
|---|---|
| Frontend | React, Tailwind CSS |
| Routing | React Router |
| State Management | React Context (for cart state) |
| Deployment | Firebase Hosting |
git clone https://github.com/tyrahappy/salinaka.git
cd salinaka
npm install
npm start