https://github.com/farazf19/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.
https://github.com/farazf19/amazon_clone_reactjs

axios-react carousel html5 javascript reactjs redux swiper-js tailwindcss

Last synced: about 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/farazf19/amazon_clone_reactjs
• Owner: FarazF19
• Created: 2024-06-02T17:52:57.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-02T18:59:09.000Z (7 months ago)
• Last Synced: 2024-06-02T20:48:18.708Z (7 months ago)
• Topics: axios-react, carousel, html5, javascript, reactjs, redux, swiper-js, tailwindcss
• Language: JavaScript
• Homepage: https://amazon-clone-reactjs-mocha.vercel.app
• Size: 3.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://www.youtube.com/watch?v=pnnblIo1iO0). 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!