- Welcome to Phone Catalog, my modern React + TypeScript web application built with Class Components
- It’s a sleek, multi-page and responsive catalog where you can explore a wide range of tech products — from smartphones and tablets and more.
Check it out here: https://dsemeniukv.github.io/Phone_catalog/
- React + TypeScript — scalable, typed, and component-based UI
- Class Components — clean structure and reusable logic
- SCSS (BEM) — modular, readable, and maintainable styles
- React Router — smooth multi-page navigation
- Local Storage — persistent favorites and cart data
- Responsive Layout — perfectly adapted for desktop, tablet & mobile
- Pagination & Filtering — fast and dynamic browsing experience
- Reusable Components — for consistent and clean code
- Smooth animations — elegant transitions between pages and states
- Explore multiple product categories — phones, tablets, smartwatches, and more
- Sort, filter, and paginate product lists for faster browsing
- Add and remove products from your cart 🛒
- Mark products as favorites — saved in a separate “Favorites” page
- Detailed product pages with specs and high-quality images
- Smooth, modern UI with polished transitions and responsive layout
- Optimized architecture for scalability and performance
* Node.js >= 20.18.2
* npm >= 11.4.2
* react-spinners >= 0.17.0
Follow these steps to get the project running locally:
Clone the repository:
git clone https://github.com/DSemeniukV/Phone_catalog.git
Install dependencies:
npm install
Install react-spinners:
npm install react-spinners
Run the project locally:
npm start