rahil1202/ecommerce-store

Fully responsive E-Commerce Shopping Website built using React and Tailwind CSS. This project is a modern and user-friendly e-commerce platform that fetches product data from the Fake Store API and utilizes the Context API for state management.

🛍️ Fully Responsive E-Commerce Shopping Website

🌐 Live Demo

Check out the live demo of the E-Commerce Shopping Website ➡️ Live Demo

Welcome to the GitHub repository of my fully responsive E-Commerce Shopping Website built using React and Tailwind CSS. This project is a modern and user-friendly e-commerce platform that fetches product data from the Fake Store API and utilizes the Context API for state management.

🚀 Features

• Product Catalog: Displayed an extensive catalog of products fetched from the Fake Store API, showcasing product images, descriptions, and prices.

• Product Details: Implemented a detailed product page, allowing users to view in-depth information and specifications for each product.

• Shopping Cart: Created a shopping cart functionality to enable users to add and remove products and calculate the total cost.

• User Authentication: Implemented user authentication for secure login and registration (optional).

🛠️ Technologies Used

• React: For building the user interface and managing components efficiently.
• Tailwind CSS: For styling the website with a mobile-first approach and responsive design.
• Fake Store API: For fetching product data to populate the e-commerce website.
• Context API: For global state management and managing the shopping cart.

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/rahil1202/online_store.git
   

2. Navigate to the project directory:

   cd online_store
   

3. Install the dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Open your web browser and navigate to http://localhost:3000 to see the E-Commerce Shopping Website running.