Skip to content

ShopClone is a demo modern e-commerce user interface built with React, TypeScript, and Tailwind CSS. It demonstrates a clean and responsive design for browsing and purchasing electronic products.

Notifications You must be signed in to change notification settings

luisFebro/shop_clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

ShopClone - React E-commerce Demo

Overview

ShopClone is a modern e-commerce user interface built with React, TypeScript, and Tailwind CSS. It demonstrates a clean and responsive design for browsing and purchasing electronic products.

Features

  • ๐Ÿ” Real-time product search functionality
  • ๐Ÿ“ฑ Category-based filtering (Electronics, Phones, Wearables, Audio)
  • ๐Ÿ›’ Shopping cart management
  • ๐Ÿ’ซ Smooth animations for cart interactions
  • ๐Ÿ“ฑ Responsive grid layout
  • ๐Ÿ’ฐ Formatted price display
  • ๐Ÿ–ผ๏ธ Product image gallery

Tech Stack

  • React
  • TypeScript
  • Tailwind CSS
  • Lucide React (for icons)
  • Shadcn/ui components

Project Structure

The application consists of:

  • Product catalog with detailed product cards
  • Navigation bar with search functionality
  • Category sidebar for easy filtering
  • Shopping cart functionality
  • Responsive design for various screen sizes

Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn

Installation

  1. Clone the repository

About

ShopClone is a demo modern e-commerce user interface built with React, TypeScript, and Tailwind CSS. It demonstrates a clean and responsive design for browsing and purchasing electronic products.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published