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.
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.
- 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.
- 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.
- 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.
To run this project locally, follow these steps:
- 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:
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.
This project is licensed under the MIT License - see the LICENSE file for details.
If you have any questions or feedback, feel free to reach out .
Thank you for checking out the Amazon Clone project!