Product Catalog

This project was bootstrapped with Vite

DEMO Product Catalog

📱 Project Overview

This is a frontend project for an online store that offers a variety of smartphones, tablets, and accessories. The platform provides a clean, user-friendly interface where users can browse products, sort them by different criteria, view detailed product information, and manage a shopping cart.

🚀 Features

• Product catalog including smartphones, tablets, and accessories
• Sorting functionality (e.g., by price or name)
• Pagination for convenient navigation through large product lists
• Responsive layout that works well on desktop, tablet, and mobile
• Each product page includes images, descriptions, and specifications
• A shopping cart system that allows users to add and remove products (frontend only, without checkout)

Requirements

To run this project locally, you will need:

• Node.js v18 or higher
• npm or yarn

Technologies

• vite
• react
• react-router-dom
• scss
• GitHub Pages

Installation

1. Clone the repository:

   git clone https://github.com/mixelio/product-catalog.git

2. Navigate to the project directory:

   `cd product-catalog

3. Install the dependencies:

   npm install

4. Start the development server:

   npm run dev

Author

Developed by Mykhailo Hubko. You can reach me via: Linkedin Email: mixelios@gmail.com

Additional information

more about JavaScript JS-book more about Styles css-tricks more about Vite Vite

Good luck!