Mobile Device E-Commerce Store

A brief description of the project

This project is an e-commerce web application for browsing and purchasing mobile devices. The store offers a wide range of products with features like product sliders, breadcrumb navigation, search-based filtering, product detail views, pagination, and shopping cart management. Users can also add or remove items from their favorites list, with all cart and favorite data stored in local storage for persistence.

Link to the preview: DEMO LINK

Link to the design: DESIGN

Technologies that were used

• React: For building the user interface.
• React Router: For handling routing and navigation.
• Context API: For state management across the application.
• TypeScript: For type safety and improved code quality.

Features

• Product Sliders: Displaying featured products on the home page.
• Breadcrumbs: Providing navigation aids to enhance user experience.
• Search-Based Filtering: Filtering products based on search queries in the URL.
• Product Detail Views: Viewing detailed information about each product with options to select different colors and navigate to other products.
• Pagination: Navigating through product listings with pagination controls.
• Shopping Cart Management: Adding and removing items from the shopping cart and favorites list.
• Local Storage Persistence: Storing cart and favorite items in local storage to retain user selections between sessions.

To launch the project locally, follow these steps:

1. Clone the repository:
   git clone https://github.com/Alenalenk/online-store.git
   cd online-store
   

2. Install the dependencies:
   If you are using NPM: npm install
   If you are using Yarn: yarn install
   

3. Start the development server:
   If you are using NPM: npm start
   If you are using Yarn: yarn start