This is a simple shopping list application built with HTML, CSS, and JavaScript. It uses Firebase Realtime Database to store the shopping list items and Vite for a build tool. The app is also configured as a Progressive Web App (PWA), which means it can be installed on supported devices for offline use.
You can access the live demo of the app here.
- Add items to the shopping list.
- Click on an item to remove it from the list.
- Installable as a PWA for offline use.
- Enter the name of an item in the input field.
- Click the 'Add to cart' button to add the item to the list.
- Click on an item in the list to remove it.
This project uses Vite. After cloning the project, you can run the following commands:
npm install
to install the dependencies.npm run dev
to start the development server.npm run build
to build the app for production.npm run preview
to locally preview the production build.
The JavaScript code is structured into functions each performing a specific task. It uses Firebase for storing and retrieving data and manipulates the DOM to update the shopping list.
The HTML and CSS code is structured to create a simple and user-friendly interface.
This project is open source and available under the MIT License.