Это простое todo-приложение, разработанное с использованием HTML, Tailwind CSS и Alpine.js. Приложение позволяет пользователям создавать, редактировать, удалять и отмечать задачи как выполненные.
- Создание новых задач
- Редактирование существующих задач
- Удаление задач
- Отметка задач как выполненных
- Сохранение задач в localStorage браузера
- Адаптивный дизайн
- HTML5
- Tailwind CSS для стилизации
- Alpine.js для интерактивности
-
Клонируйте репозиторий:
git clone https://github.com/instocky/todo-app.git
-
Откройте
index.html
в вашем браузере.Примечание: Если вы открываете файл напрямую (используя протокол
file://
), некоторые функции, такие как сохранение задач, могут не работать в некоторых браузерах из-за ограничений безопасности. -
Для наилучшего опыта использования, рекомендуется запустить приложение через локальный сервер. Вы можете использовать любой удобный для вас метод, например:
-
Если у вас установлен Python:
python -m http.server 8000
-
Если у вас установлен Node.js:
npx http-server
Затем откройте
http://localhost:8000
в вашем браузере. -
index.html
: Основной HTML файлcss/styles.css
: Дополнительные стили (помимо Tailwind CSS)js/app.js
: JavaScript код с логикой приложенияimgs
: Папка хранения изображений
Если у вас есть предложения по улучшению этого приложения, пожалуйста, создайте issue или отправьте pull request.
Этот проект распространяется под лицензией MIT. Подробности смотрите в файле LICENSE.
todo-app
, javascript
, alpinejs
, tailwindcss
, web-development
, frontend
, html5
, css3
, localstorage
, crud
, responsive-design
, beginner-friendly
, learning-project
, spa
, single-page-application