The project is an e-commerce website built using React and TypeScript, dedicated to showcasing Apple products such as phones, tablets, and accessories. The site features a multi-page structure, fully responsive design, and cross-browser compatibility, ensuring a seamless user experience across all devices.
Users can explore a wide range of products, search for items, view detailed information, and customize their selected products to fit their preferences. The site includes comprehensive cart functionality and a "Favorites" section for easy access to preferred items. With smooth, reload-free navigation and various interactive elements, the website offers an engaging and dynamic shopping experience.
- Multi-page structure: Explore multiple categories and detailed product pages.
- Interactive Elements: Includes sliders, dropdown menus, modal windows, and more for a dynamic user experience.
- Full responsiveness: Optimized for all screen sizes.
- Search functionality: Quickly find the products you’re looking for.
- Product customization: Customize selected products to suit your preferences.
- Cart and Favorites: Add items to your cart or save them to your favorites for later.
- Smooth navigation: Navigate through the site without page reloads.
- Dark and Light Themes: Switch between light and dark themes for a personalized browsing experience.
- API Integration: Efficiently fetch product data and manage user interactions for a seamless shopping experience.
- React (with JSX)
- TypeScript
- SCSS (Sass) Modules
- Responsive Web Design
- Flexbox / Grid Layout
- Cross-browser Compatibility
- SEO Best Practices
- Context API (for state management)
- React Router (for reload-free navigation)
git clone https://github.com/ivankovbohdan/phone-catalog.git- Ensure Node.js version 20 is installed:
node -v npm inpm start