Skip to content

This repository contains a functional Amazon Clone built using React.js. The project includes features such as user authentication, product listings, a shopping cart, and a checkout process. It utilizes Tailwind CSS for styling, Redux for state management, SwiperJS for carousels, and Axios for API handling.

Notifications You must be signed in to change notification settings

FarazF19/Amazon_Clone_Reactjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Amazon Clone

Welcome to the Amazon Clone project! This project is a functional replica of the Amazon e-commerce platform, built using React.js. The project covers various aspects of modern web development, including state management with Redux, component-based architecture, and integration with backend services using Axios.

Project Overview

This Amazon Clone project was developed following the tutorial from the YouTube channel Johnson Davies. The project aims to provide a practical approach to building a full-fledged e-commerce application with a rich set of features and a modern UI.

Features

  • Product Listings: Display a list of products fetched from a custom API.
  • Product Search: Search for products by name.
  • Shopping Cart: Add products to the shopping cart and view cart details.
  • Checkout Process: Proceed with the checkout process.
  • Responsive Design: The application is responsive and works well on both desktop and mobile devices.
  • Carousel Displays: Product and category carousels using SwiperJS.

Technologies Used

  • React.js: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for styling.
  • Redux: For state management.
  • SwiperJS: For implementing carousels.
  • Axios: For making HTTP requests to the backend.
  • Vercel: Used for hosting.

Project Structure

  • Navbar: Includes search functionality and a cart icon showing the number of items in the cart.
  • Homepage: Contains carousels for product categories and featured products.
  • Product Page: Displays detailed information about a selected product.
  • Checkout Page: Shows items in the cart and the total price, with a checkout button to proceed.

Installation and Setup

To run this project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/yourusername/amazon-clone.git
    cd amazon-clone

Install dependencies:

bash Copy code npm install Set up Firebase:

Credits

This project was inspired by the tutorial from the YouTube channel Johnson Davies. Special thanks to the channel for providing a comprehensive guide to building this project.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

If you have any questions or feedback, feel free to reach out .

Thank you for checking out the Amazon Clone project!

About

This repository contains a functional Amazon Clone built using React.js. The project includes features such as user authentication, product listings, a shopping cart, and a checkout process. It utilizes Tailwind CSS for styling, Redux for state management, SwiperJS for carousels, and Axios for API handling.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published