https://github.com/sayalisachin/milk-mocha
Milk-Mocha: An Add To Cart App
https://github.com/sayalisachin/milk-mocha
css firebase html js loader-component netlify
Last synced: 3 months ago
JSON representation
Milk-Mocha: An Add To Cart App
- Host: GitHub
- URL: https://github.com/sayalisachin/milk-mocha
- Owner: sayalisachin
- Created: 2024-05-11T18:20:50.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-11T18:37:01.000Z (about 2 years ago)
- Last Synced: 2025-02-07T23:26:00.628Z (over 1 year ago)
- Topics: css, firebase, html, js, loader-component, netlify
- Language: CSS
- Homepage: https://milk-mocha.netlify.app/
- Size: 319 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Milk-Mocha: An Add To Cart App
Milk-Mocha is a simple "Add To Cart" web application backed by Firebase Realtime Database. It allows users to add or delete items with intuitive clicks, featuring a fun animation loader before loading the app. This app is designed to work seamlessly on both web and mobile platforms.
## Technologies Used
- **HTML**: For structuring the web pages.
- **CSS**: For styling the app and making it visually appealing.
- **JavaScript**: To add interactivity and handle dynamic content.
- **Firebase Realtime Database**: For storing and retrieving cart items in real-time.
- **Deployment Platform**: Hosted on [Netlify](https://www.netlify.com/) for easy deployment and hosting.
## Features
- Users can add items to the cart by entering item names.
- Existing items in the cart can be deleted by simple clicks.
- Responsive design ensures usability on various devices.
## Demo
Check out the deployed Milk-Mocha app: [Milk-Mocha](https://milk-mocha.netlify.app/)
## How to Use
1. Visit the deployed [Milk-Mocha](https://milk-mocha.netlify.app/).
2. Enter the name of the item you want to add in the input field.
3. Click on the "Add to Cart" button to add the item to your cart.
4. To delete an item, simply click on the item in the shopping list.