Fakestore Shopping App

This project is a simple shopping application built with TypeScript, Material UI, and Styled Components. It utilizes the Fakestore API to fetch products and display them in a user-friendly interface.

Features

• Product Listing: Browse through a variety of products fetched from the Fakestore API.
• Product Details: View detailed information about each product, including name, price, description, and image.
• Add to Cart: Easily add products to your shopping cart for quick and convenient checkout.
• Responsive Design: The application is designed to work seamlessly across various devices, including desktops, tablets, and mobile phones.

Technologies Used

• TypeScript: TypeScript is a superset of JavaScript that adds static typing and other features to the language. It improves code quality and developer productivity.
• Material UI: Material UI is a popular React UI framework that provides pre-designed components following Google's Material Design guidelines. It offers a sleek and modern interface out of the box.
• Styled Components: Styled Components is a CSS-in-JS library that allows developers to write actual CSS code to style React components. It promotes component-based styling and encapsulation.
• Fakestore API: The Fakestore API provides mock data for various e-commerce scenarios, including products, categories, and users. It's perfect for testing and prototyping e-commerce applications.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/fakestore-shopping-app.git
   

2. Navigate to the project directory:

   cd fakestore-shopping-app
   

3. Install dependencies:

   npm install
   

Usage

1. Start the development server:

   npm start
   

2. Open your web browser and navigate to http://localhost:3000 to view the application.