Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/amaranand360/ecom-amazon-react-app-project
- Owner: amaranand360
- Created: 2023-04-08T14:08:40.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-04-25T05:42:45.000Z (9 months ago)
- Last Synced: 2024-04-25T06:37:22.361Z (9 months ago)
- Topics: bootstrap4, css, firebase-auth, javascript, react-icons, react-router, reactjs
- Language: JavaScript
- Homepage: https://ecom-amazon-react-app.vercel.app/
- Size: 3.22 MB
- Stars: 4
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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 UsageTo 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] 👈