Amazon_Clone_Reactjs Tailwind Templates

Amazon_clone_reactjs

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.

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: ```bash 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!

Top categories

Loading Svelte Themes