https://github.com/gurov/shopping-list
Простое PWA приложение для списка покупок, которое позволяет сохранять состояние чекбоксов и заметок в Local Storage. Приложение адаптировано для мобильных устройств и доступно на GitHub Pages.
https://github.com/gurov/shopping-list
pure-javascript pwa shopping-list
Last synced: 12 months ago
JSON representation
Простое PWA приложение для списка покупок, которое позволяет сохранять состояние чекбоксов и заметок в Local Storage. Приложение адаптировано для мобильных устройств и доступно на GitHub Pages.
- Host: GitHub
- URL: https://github.com/gurov/shopping-list
- Owner: gurov
- License: mit
- Created: 2024-06-23T06:56:02.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-23T20:29:53.000Z (almost 2 years ago)
- Last Synced: 2025-02-09T21:43:38.902Z (over 1 year ago)
- Topics: pure-javascript, pwa, shopping-list
- Language: JavaScript
- Homepage: https://gurov.github.io/shopping-list/
- Size: 506 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Shopping List
Простое PWA приложение для списка покупок, которое позволяет сохранять состояние чекбоксов и заметок в Local Storage. Приложение адаптировано для мобильных устройств и доступно на GitHub Pages.
## Описание
Приложение представляет собой список покупок, где каждый элемент представлен в виде чекбокса с соответствующим эмодзи и названием продукта. Под списком покупок находится поле для заметок и чекбокс для включения/выключения всех элементов списка (с подтверждением действия). Все состояния чекбоксов и содержимое заметок сохраняются в Local Storage браузера.
## Демонстрация
Приложение доступно по следующей ссылке: [Shopping List на GitHub Pages](https://gurov.github.io/shopping-list/)
## Установка
1. Клонируйте репозиторий:
```bash
git clone https://github.com/gurov/shopping-list.git
```
2. Перейдите в директорию проекта:
```bash
cd shopping-list
```
3. Откройте `index.html` в браузере или разверните приложение на вашем сервере.
## Использование
- Отметьте необходимые элементы списка покупок.
- Добавьте свои заметки в текстовое поле внизу.
- Используйте чекбокс "Включить/выключить все" для массового управления элементами списка (с подтверждением действия).
## Технологии
- HTML
- CSS
- JavaScript
- PWA (Progressive Web App)
## Лицензия
Этот проект лицензирован под лицензией MIT. См. файл [LICENSE](LICENSE) для подробностей.