📱 React phone catalog

Phone Catalog is a React + TypeScript web application for browsing a catalog of phones with product details, image galleries, and easy navigation.

---

🚀 Demo

Awailible online Phone Catalog on Git Hub Pages

---

🎨 Figma Design

You can view the project layout in Figma here: link

---

✨ Features

• 📖 Phone catalog with filtering and sorting
• 🖼 Image gallery for each product (react-image-gallery)
• 🎞 Carousel/slider on the homepage (Swiper)
• 🧭 Breadcrumbs navigation (use-react-router-breadcrumbs)
• 🔀 Page navigation without reloads (React Router DOM v6)
• 🎭 Smooth animations & transitions (react-transition-group)
• 🎨 Modern styling with SCSS + Bulma + classnames
• 🖌 FontAwesome icons for a polished UI
• ⚡ Fast development & build with Vite
• 🌐 Deployed on GitHub Pages

---

🛠 Technologies Used

• React + TypeScript
• Vite
• React Router DOM
• use-react-router-breadcrumbs
• Swiper
• react-image-gallery
• react-transition-group
• Bulma
• FontAwesome
• classnames
• SCSS
• GitHub Pages

---

⚙️ Instalation

1. Clone the repository:

git clone https://github.com/pryge/phone-catalog-react-ts.git
cd phone-catalog-react-ts

2. Install dependencies:

npm install

3. Start the development server:

npm start

4. Build the project for production:

npm run build

6. Deploy to GitHub Pages:

npm run deploy

---

👨‍💻 Author • GitHub: @pryge • Email: oleg.t.primary@gmail.com