This project is an online store built with React, showcasing a range of features to enhance user experience and functionality. The application includes:
- Advanced Project: Structure: Components organized into a clear, maintainable structure.
- Sticky Header: Contains a logo, navigation, favorites, and cart, ensuring easy access.
- Responsive Footer: Includes a link to the GitHub repository and a smooth scrolling "Back to top" button.
- Home Page: Features a picture slider, hot prices product slider, brand new product slider, and a category navigation block.
- Product Pages: Separate pages for phones, tablets, and accessories, with sorting, pagination, and product details.
- Shopping Cart: Comprehensive cart functionality with item management, total calculation, and localStorage support.
- Favorites Page: Allows users to manage their favorite products.
- Error Handling: NotFoundPage for unknown URLs and detailed error messages for loading issues.
- Additional Features: Skeleton loaders and search functionality with debouncing.
- HTML
- CSS (SCSS)
- React
- TypeScript
- Preview: DEMO LINK
- Mockup: Figma Design
- Fork the repo.
- Clone the forked repo.
- Run
npm install
(ornpm i
). - Run
npm start
.