Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/m0hdf41z4n/ecommerce
Visit on the below link to see live Demo
https://github.com/m0hdf41z4n/ecommerce
Last synced: 25 days ago
JSON representation
Visit on the below link to see live Demo
- Host: GitHub
- URL: https://github.com/m0hdf41z4n/ecommerce
- Owner: M0hdF41Z4N
- Created: 2023-10-19T01:55:14.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-07T09:34:57.000Z (5 months ago)
- Last Synced: 2024-08-07T13:13:41.735Z (5 months ago)
- Language: JavaScript
- Homepage: https://ecommerce-hazel-nu.vercel.app
- Size: 2.01 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
BuyBusy
• Developed an online shopping/eCommerce website using Reactjs and Redux Toolkit for efficient state management.
• Implemented authentication system allowing users to sign up / sign in to their accounts.
• Stored user data in firebase database for seamless data storage on the cloud, enabling users to easily access and view their purchase history all on realtime.
• Employed React, Redux Toolkit, Firebase, HTML, CSS, JavaScript, and Bootstrap frameworks to create a more user friendly website.Installation and running code
- Get the code on your machine.
- Navigate to the root directory of the code.
- Open command terminal.
- run command "npm install" to get all required dependencies.
- to run the code run the command "npm start" in your terminal.
- user can see the output by opening following link http://localhost:3000/ on there browser.
Features
- A user can create his account.
- A user can signIn in his account.
- User can add multiple products to his cart by click on "add to cart" button.
- User can remove a specific product or all product at once from the cart.
- User can increase or decrease the quantity of a product.
- User can purchase all the product at once by clicking on purchase all.
- User can see his placed order history with date and time of order and list of all the product purchased with total amount.
- User data will be saved in database permanently so that he can see his order history any time.
Tools and libraries
- React js
- Firebase Database
- Redux Toolkit
- react-router-dom
- react-toastify
- react-spinner
- CSS