Croma Website Clone

This project is a clone of the Croma website, recreated using React, Tailwind CSS, and Locomotive Scroll for smooth scrolling.

Features

• Authentication: Users can register and login to their accounts to make purchases.
• Shopping Cart: Users can add products to their cart and remove them as needed.
• Search Functionality: Users can search for products using a search bar.
• Slider: Utilizes sliders for showcasing featured products or promotions.
• Responsive Design: Ensures the website is fully responsive and accessible on various devices.
• Data Fetching: Products and other data are fetched dynamically through APIs.
• Animations: GSAP is used to create smooth animations for enhanced user experience.

Technologies Used

• React: Front-end library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• Locomotive Scroll: Smooth scrolling library for modern web applications.
• API Integration: Fetches product data and manages user authentication through APIs.
• React Router: Declarative routing for navigating between pages.

Installation

To run this project locally, follow these steps:

1. Clone the repository: git clone https://github.com/ShubhamSharma20007/croma-clone.git
2. Navigate into the project directory: cd croma-clone
3. Install dependencies: npm install or yarn install
4. Start the development server: npm start or yarn start
5. Open your browser and visit: http://localhost:3000

Usage

Authentication

• Register and create a new account to login.

Shopping

• Browse products and use the search functionality to find specific items.
• Add products to the cart and manage them by adding or removing items.

Responsive Design

• Access the website seamlessly on devices of all sizes, including phones, tablets, and desktops.

Demo

https://croma-masai-assigment.netlify.app/ a link to a live demo of the project hosted on platforms like GitHub Pages, Netlify, or Vercel.