{"id":26854237,"url":"https://github.com/viktorsvertoka/js-to-do-list","last_synced_at":"2025-06-30T03:08:07.711Z","repository":{"id":282326029,"uuid":"948157724","full_name":"ViktorSvertoka/js-to-do-list","owner":"ViktorSvertoka","description":"Project for the JavaScript certification course at SoftServe","archived":false,"fork":false,"pushed_at":"2025-04-07T18:51:11.000Z","size":1761,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-05T20:09:05.776Z","etag":null,"topics":["css3","html5","javascript","vercel","vite"],"latest_commit_sha":null,"homepage":"https://js-to-do-list-omega.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ViktorSvertoka.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-03-13T21:05:31.000Z","updated_at":"2025-04-16T12:14:12.000Z","dependencies_parsed_at":"2025-03-14T01:25:45.804Z","dependency_job_id":"664ec061-9cbf-45dc-b5f5-dce87aee5786","html_url":"https://github.com/ViktorSvertoka/js-to-do-list","commit_stats":null,"previous_names":["viktorsvertoka/js-to-do-list"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ViktorSvertoka/js-to-do-list","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Fjs-to-do-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Fjs-to-do-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Fjs-to-do-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Fjs-to-do-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ViktorSvertoka","download_url":"https://codeload.github.com/ViktorSvertoka/js-to-do-list/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ViktorSvertoka%2Fjs-to-do-list/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262702335,"owners_count":23350644,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","html5","javascript","vercel","vite"],"created_at":"2025-03-30T23:19:07.893Z","updated_at":"2025-06-30T03:08:07.686Z","avatar_url":"https://github.com/ViktorSvertoka.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TODO List\n\n![Screenshoot](./public/screenshoot.png)\n\n## Опис функціональності\n\nЦей застосунок дозволяє користувачам керувати своїми завданнями за допомогою\nзручного списку. Користувач може додавати, редагувати, позначати виконані та\nвидаляти завдання. Дані зберігаються в локальному сховищі браузера, тому після\nперезавантаження сторінки список завдань зберігається.\n\n## Основні можливості\n\n- **Додавання завдань**:\n\n  - Форма містить поле вводу для опису завдання та випадаючий список для вибору\n    пріоритету (низький `Easy`, середній `Normal`, високий `Hard`).\n  - Після сабміту нове завдання додається до списку.\n\n- **Відображення списку завдань**:\n\n  - Кожне завдання містить:\n    - Текст опису.\n    - Відображення пріоритетності.\n    - Кнопку \"Редагувати\" ⏸️ , яка відкриває модальне вікно для редагування\n      завдання.\n    - Кнопку \"Виконати\", ✅ що позначає завдання завершеним.\n    - Кнопку \"Видалити\", ❌ яка видаляє завдання зі списку.\n\n- **Редагування завдань**:\n\n  - Натискання кнопки \"Редагувати\" ⏸️ відкриває модальне вікно з формою\n    редагування.\n  - У формі можна змінити опис та пріоритет завдання.\n  - Після збереження зміни відображаються у списку.\n\n- **Зміна статусу завдання**:\n\n  - Після натискання на кнопку \"Виконати\" ✅ завдання змінює статус на виконане:\n    - Текст перекреслюється.\n\n- **Видалення завдань**:\n\n  - Натискання кнопки \"Видалити\" ❌ повністю прибирає завдання зі списку.\n\n- **Збереження стану**:\n\n  - Усі завдання (разом зі статусом) зберігаються в `localStorage`, що дозволяє\n    зберігати їх навіть після перезавантаження сторінки.\n\n- **Сортування завдань**:\n\n  - Додана можливість сортування завдань за статусом, пріоритетом або часом\n    додавання.\n\n- **Додаткові можливості**:\n\n- Іконка градусника для погоди:\n\n  - В додаток додано іконку градусника, яка дозволяє користувачам отримувати\n    актуальну інформацію про погоду.\n\n  - При натисканні на іконку відкривається модальне вікно з віджетом погоди.\n\n  - У модальному вікні є імпут для пошуку міста, де користувач може ввести назву\n    міста для відображення температури.\n\n  - Віджет показує поточну температуру, дату та час.\n\n  - Користувач може перемикатися між шкалою Цельсія та Фаренгейта для перегляду\n    температури.\n\n  - Для отримання погодних даних використано API з сайту\n    [OpenWeatherMap](https://openweathermap.org/).\n\n## Технології\n\n- HTML\n- CSS\n- JavaScript (Vanilla JS, `localStorage` для збереження даних)\n- OpenWeatherMap API для відображення погоди\n- Vite для швидкої розробки\n\n## Деплоймент\n\n- Проєкт задеплоєний на Vercel\n\n## Запуск\n\n1. Склонуйте репозиторій.\n2. Встановіть залежності через `npm install`.\n3. Запустіть локальний сервер командою `npm run dev`.\n4. Відкрийте у браузері `http://localhost:5173/`.\n5. Додавайте, редагуйте, позначайте як виконані та видаляйте завдання за\n   допомогою інтерфейсу.\n6. Використовуйте іконку градусника для перегляду погоди в будь-який час.\n\nЦей застосунок є простою та ефективною реалізацією списку справ, який допоможе\nвам організувати свій день, а також дізнатися про актуальні погодні умови!\n\n```bash\n├── .gitignore\n├── .prettierrc\n├── LICENSE\n├── README.md\n├── SECURITY.md\n├── index.html\n├── package-lock.json\n├── package.json\n├── public\n    ├── favicon.svg\n    └── screenshoot.png\n└── src\n    ├── css\n        └── style.css\n    ├── fonts\n        ├── helvetica-bold.woff\n        ├── helvetica-bold.woff2\n        ├── helvetica-medium.woff\n        └── helvetica-medium.woff2\n    ├── images\n        ├── check.svg\n        ├── cross.svg\n        ├── pause.svg\n        ├── plus.svg\n        └── weather.png\n    └── js\n        ├── date.js\n        ├── filters.js\n        ├── main.js\n        ├── markup.js\n        ├── modal.js\n        ├── popup.js\n        ├── storage.js\n        ├── tasks.js\n        └── weather.js\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fviktorsvertoka%2Fjs-to-do-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fviktorsvertoka%2Fjs-to-do-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fviktorsvertoka%2Fjs-to-do-list/lists"}