Skip to content

Fully responsive phone catalog SPA built with React, featuring a shopping cart and a favorites page.

Notifications You must be signed in to change notification settings

vbuldenko/Phone-catalog

Repository files navigation

React + TypeScript + Vite: Phone catalog

📖 Description

Fully responsive phone catalog built with React, featuring a shopping cart and a favorites page. The application allows to browse through a catalog of phones, add items to the cart, and mark favorite products for easy access. The UI is designed based on a Figma mockup. The app leverages React hooks and libraries to provide smooth functionality, including real-time search with debounce, custom infinite carousel, and state management with context and local storage.

🛠️ Technologies Used

HTML5 SCSS React TypeScript Figma

⚙️ Features

  • 📱 Responsive web design
  • ⚡️ Custom Infinity Carousel (Slider)
  • 📄 Product Pagination
  • 🗂️ Filtering Options
  • 🔍 Product Search

🔧 Installation and Setup

  1. Clone the repository to your local machine:
    git clone https://github.com/vbuldenko/Phone-catalog.git
  2. Navigate to the project directory:
    cd Phone-catalog
  3. Install the dependencies:
    npm install
  4. Start the project:
    npm run dev
  5. Open your browser and go to http://localhost:5173 to view the project.

About

Fully responsive phone catalog SPA built with React, featuring a shopping cart and a favorites page.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages