Online Store for Phones and Tablets.

Welcome to the Online Store project, a frontend application designed for browsing and purchasing mobile devices.

Features

• Homepage: An engaging landing page showcasing featured products.
• Product Catalog: A comprehensive catalog where users can explore a wide variety of phones and tablets.
• Shopping Cart: An intuitive cart for managing selected products before checkout.
• Category Filtering: Easy navigation through product categories for a tailored shopping experience.
• Favorites Selection: Users can mark products as favorites for quick access later.

Technologies Used This project is built with:

• React: A JavaScript library for building user interfaces.
• TypeScript: A superset of JavaScript that adds static typing.
• HTML: The standard markup language for creating web pages.
• SCSS: A preprocessor for writing CSS in a more maintainable way.
• React Router: For routing and navigation within the application.
• UseContext: For managing global state.
• Custom useLocalStorage Hook: For storing user preferences locally.

How to Run the Project Locally

Prerequisites:

• Node.js 14.x.x (use nvm for version management)

Steps:

1. Clone the repo: git clone https://github.com/msdreams/phone_catalog.git && cd phone_catalog
2. Switch to Node 14: nvm install 14 && nvm use 14
3. Install dependencies: npm install
4. Run the project: npm start (App runs at http://localhost:3000)
5. Build for production (optional): npm run build You can copy and paste this directly into your README file!

Data is dynamically loaded from the server via fetch.

• Figma
• DEMO LINK