React product (phone) catalog + cart + favourites

Preview:

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:

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.