{"id":29180310,"url":"https://github.com/dawidkuczma-dev/todoapp","last_synced_at":"2026-04-28T13:33:26.168Z","repository":{"id":300426649,"uuid":"995317592","full_name":"DawidKuczma-dev/ToDoApp","owner":"DawidKuczma-dev","description":"Zaawansowana aplikacja typu ToDo z obsługą drag-and-drop, filtrowaniem i zapisem do LocalStorage. Stworzona w czystym JavaScript bez frameworków.","archived":false,"fork":false,"pushed_at":"2025-06-21T16:31:36.000Z","size":102,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-21T16:37:18.025Z","etag":null,"topics":["dark-mode","drag-and-drop","frontend","html","javascript","localstorage","project","responsive","scss","todo","todo-app","vanilla-js","web-app"],"latest_commit_sha":null,"homepage":"https://dawidkuczma-dev.github.io/ToDoApp/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DawidKuczma-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-03T09:49:17.000Z","updated_at":"2025-06-21T16:35:27.000Z","dependencies_parsed_at":"2025-06-21T16:47:42.814Z","dependency_job_id":null,"html_url":"https://github.com/DawidKuczma-dev/ToDoApp","commit_stats":null,"previous_names":["dawidkuczma-dev/todoapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DawidKuczma-dev/ToDoApp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DawidKuczma-dev%2FToDoApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DawidKuczma-dev%2FToDoApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DawidKuczma-dev%2FToDoApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DawidKuczma-dev%2FToDoApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DawidKuczma-dev","download_url":"https://codeload.github.com/DawidKuczma-dev/ToDoApp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DawidKuczma-dev%2FToDoApp/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263021819,"owners_count":23401148,"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":["dark-mode","drag-and-drop","frontend","html","javascript","localstorage","project","responsive","scss","todo","todo-app","vanilla-js","web-app"],"created_at":"2025-07-01T19:08:32.820Z","updated_at":"2026-04-28T13:33:26.127Z","avatar_url":"https://github.com/DawidKuczma-dev.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✅ TodoApp\n\nZaawansowana aplikacja typu ToDo do zarządzania zadaniami, umożliwiająca dodawanie, filtrowanie, przeciąganie i organizowanie zadań. Projekt stworzony w czystym JavaScript, HTML i SCSS – z myślą o rozwijaniu umiejętności frontendowych i pracy z danymi lokalnymi.\n\n\n## 🔗 Demo\n\n👉 [Zobacz na żywo](https://dawidkuczma-dev.github.io/ToDoApp/)\n\n## 📸 Zrzuty ekranu\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/images/screenshot-mobile.png\" width=\"300\" alt=\"Mobile\" /\u003e\n  \u003cimg src=\"assets/images/screenshot-tablet.png\" width=\"500\" alt=\"Tablet\" /\u003e\n  \u003cimg src=\"assets/images/screenshot-desktop.png\" width=\"800\" alt=\"Desktop\" /\u003e\n\u003c/p\u003e\n\n\n## ⚙️ Technologie\n\n- HTML5\n- SCSS (Sass)\n- JavaScript (Vanilla)\n- LocalStorage (do trwałego zapisu zadań w przeglądarce)\n\n## 📁 Struktura folderów\n\n```bash\n📁 ToDoApp\n├── 📁 assets\n│   └── 📁 images\n│       ├── bg-desktop-dark.png\n│       ├── bg-desktop-light.png\n│       └── ...\n├── 📁 css\n│   └── main.css\n├── 📁 js\n│   └── script.js\n├── 📁 scss\n│   ├── _base.scss\n│   ├── _footer.scss\n│   └── ...\n├── index.html\n└── README.md\n\n📁 assets/images – zawiera zrzuty ekranu, tła i ikony  \n📁 js – skrypty odpowiedzialne za motyw, obsługę tasków oraz localStorage  \n📁 scss – pliki źródłowe stylów (moduły SCSS)  \n📁 css – skompilowany plik stylów dla strony\n\n```\n\n## 📦 Funkcje\n\n- ➕ Dodawanie nowych zadań\n- ✅ Oznaczanie zadań jako ukończone\n- 🖱️ Przeciąganie i zmiana kolejności zadań (Drag \u0026 Drop)\n- 🔄 Filtrowanie zadań:\n  - Wszystkie\n  - Aktywne\n  - Ukończone\n- 🗑️ Usuwanie zadań\n- 🧹 Przycisk do usuwania wszystkich ukończonych zadań\n- 💾 Zapisywanie zadań w LocalStorage\n- 🌓 Tryb ciemny i jasny (Dark/Light Mode)\n- 📱 Responsywny wygląd (mobile \u0026 desktop)\n\n## 🧠 Czego się nauczyłem\n\n- Zaawansowana praca z DOM w czystym JS\n- Implementacja drag-and-drop bez bibliotek\n- Obsługa LocalStorage do przechowywania danych\n- Tworzenie dynamicznych elementów na stronie\n- Obsługa trybu ciemnego i jasnego (z zachowaniem preferencji użytkownika)\n- Budowanie filtrowanych widoków\n\n## 🚀 Uruchomienie lokalne\n\n1. Sklonuj repozytorium  \n```bash\ngit clone https://github.com/DawidKuczma-dev/ToDoApp.git\n```\n2. Otwórz plik `index.html` w przeglądarce lub uruchom lokalny serwer (np. Live Server)\n\n## 📇 Autor\n\nDawid Kuczma  \n[LinkedIn](https://www.linkedin.com/in/dawid-kuczma-a60836369/) • [GitHub](https://github.com/DawidKuczma-dev)\n\n## 📝 Licencja\n\nTen projekt jest dostępny na zasadach licencji MIT.\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdawidkuczma-dev%2Ftodoapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdawidkuczma-dev%2Ftodoapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdawidkuczma-dev%2Ftodoapp/lists"}