Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/amaranand360/ecom-amazon-react-app-project

This is E-com website built using React JS. It includes features such as adding items to a basket, removing items from a basket, a payment page, a login page using Firebase
https://github.com/amaranand360/ecom-amazon-react-app-project

bootstrap4 css firebase-auth javascript react-icons react-router reactjs

Last synced: about 1 month ago
JSON representation

This is E-com website built using React JS. It includes features such as adding items to a basket, removing items from a basket, a payment page, a login page using Firebase

Awesome Lists containing this project

README

        

# 💻 You can see a live demo of the project at :https://ecom-amazon-react-app.vercel.app/

# 🛍️ Amazon Clone

This is a clone of the Amazon website built using React JS. It includes features such as adding items to a basket, removing items from a basket, a payment page, a login page using Google Firebase, a checkout page, image sliders, and product carousels.

# 🚀 Getting Started
To get started with the project, clone this repository to your local machine and run npm install to install the required dependencies. You can then start the development server by running npm start.

# Installation and Usage

To use this project, follow these steps:

- Clone the repository: git clone https://github.com/amaranand360/amazon-clone-react-app-project.git
- Install the dependencies: npm install
- Start the development server: npm start

# 🔨 Built With
- React JS - A JavaScript library for building user interfaces
- Firebase for user authentication
- Firebase - A mobile and web application development platform
- React-Bootstrap - I Use React-Bootstrap for image carousels

# 🎉 Features
- Home page Image sliders
- Product carousels
- Add items to a basket
- Checkout page
- Remove items from a basket
- Payment page
- Login page using Google Firebase

# 📷 Screenshots

Screenshot of the home page

![proj1](https://github.com/amaranand360/amazon-clone-react-app-project/assets/122713145/a299869f-6291-4546-aa86-c91d2422ae1a)

Screenshot of the checkout page

![Screenshot (85)](https://github.com/amaranand360/amazon-clone-react-app-project/assets/122713145/0f9d8090-fc49-40f0-9afa-24a9a3c0ba33)

Screenshot of the footer part

![Screenshot (84)](https://github.com/amaranand360/amazon-clone-react-app-project/assets/122713145/deb0e854-fde1-4972-8fe7-9f4b16757d3d)

# 📷 Responsive Screenshots

![Screen Shot 2023-05-13 at 00 16 18](https://github.com/amaranand360/amazon-clone-react-app-project/assets/122713145/fcec751c-f2a3-4bf2-a638-f2650dcab4c1)

# 💻 Demo
You can see a live demo of the project at: https://ecom-amazon-react-app.vercel.app/

## featuers
- Developed the frontend of the project using JavaScript and React, with CSS for styling.
- Utilized Redux and useContext for state management, ensuring efficient data handling and seamless updates throughout the application.
- Implemented user authentication features including login and sign-up functionalities utilizing Firebase authentication service.
- Implemented filtering functionality for products based on price and category.
- Integrated features for adding and removing products from the shopping cart, Included payment integration for seamless checkout process

#Credits

- This project was created by AMAR KUMAR.

# 🤝 Contributing
Contributions are always welcome! If you have any suggestions or find any bugs, please open an issue or submit a pull request.

# 📧 Contact
If you have any questions or comments, please feel free to contact me at: [email protected] 👈