https://github.com/etchmon/mock-ducky-keyboards
E-commerce website prototype encompassing a visually appealing landing page, comprehensive product lists, and an efficient shopping cart system.
https://github.com/etchmon/mock-ducky-keyboards
ecommerce javascript react shopping-cart
Last synced: 2 months ago
JSON representation
E-commerce website prototype encompassing a visually appealing landing page, comprehensive product lists, and an efficient shopping cart system.
- Host: GitHub
- URL: https://github.com/etchmon/mock-ducky-keyboards
- Owner: Etchmon
- Created: 2022-04-22T18:26:09.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-05-16T19:11:01.000Z (about 2 years ago)
- Last Synced: 2025-01-24T09:28:15.268Z (over 1 year ago)
- Topics: ecommerce, javascript, react, shopping-cart
- Language: CSS
- Homepage: https://etchmon.github.io/shopping-cart/
- Size: 14.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ducky Keyboard's website mock
E-commerce website prototype encompassing a visually appealing landing page, comprehensive product lists, and an efficient shopping cart system.
## Link
View the project here.
## Features
- View a list of products with their details, including name, price, and quantity.
- Add products to the shopping cart and update the cart quantity.
- Remove products from the shopping cart.
- Calculate the total price of items in the shopping cart.
- Checkout functionality to simulate the purchase process.
## Technologies Used
- React: JavaScript library for building user interfaces.
- Lazy Loading: Technique used to optimize the application by deferring the loading of resources until they're needed.
- HTML: Markup language for structuring the web page.
- CSS: Styling language for designing the user interface.
- JavaScript: Programming language used for the application logic.
## Future Development
- [ ] Implement user authentication.
- [ ] Add a checkout feature.
- [ ] Add number to display amount of items in cart.
- [ ] Optimize the application for mobile devices.
## Getting Started
1. Clone the repository: `git clone https://github.com/yourusername/your-repo-name.git`
2. Navigate into the directory: `cd your-repo-name`
3. Install the dependencies: `npm install`
4. Start the application: `npm start`
5. Open your browser and navigate to `http://localhost:3000`
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
## License
[MIT](https://choosealicense.com/licenses/mit/)