/react_phone_catalog

React phone catalog whith simple cart

Primary LanguageTypeScript

React product (phone) catalog + cart + favourites

Preview:

phone_catalog-Prev

Demo:

To view demo: click here

Description:

In this project I implement catalog with a shopping cart and favorites page according Figma mockup.

I use for this project:

  • React Router
  • Local storage (cart and favorites)
  • Debounce for product search
  • Hooks: useSate, useContext, useEffect, useCallback, useMemo, useRef, useSearchParams, useParams

Feature:

⚡️ Custom infinity carousel (slider)
⚡️ Nice product pagination
⚡️ Product search whits debounce
⚡️ Based on FIGMA project
⚡️ Modern UI Design
⚡️ Fully Responsive
⚡️ Valid HTML5 & CSS3
⚡️ Well organized documentation
⚡️ Semantic Markup

Technologies used:

HTML5 SCSS React TypeScript Figma

Installation and Setup:

  1. Clone the repository to your local machine.
  2. Navigate to the project directory in your terminal.
  3. Install the dependencies by running npm install or yarn install.
  4. Start the project by running npm start or yarn start.
  5. Open your browser and go to http://localhost:3000 to view the project.