{"id":20248938,"url":"https://github.com/ardywsptr/todoapps","last_synced_at":"2026-06-12T09:32:12.740Z","repository":{"id":153422896,"uuid":"628833144","full_name":"Ardywsptr/todoapps","owner":"Ardywsptr","description":"Todo Apps  - Repositori ini merupakan latihan dari materi DOM, BOM, Interaktif dengan Event, dan Penyimpanan Data Menggunakan Web Storarge pada kelas Belajar Membuat Front-End Web untuk Pemula di Dicoding","archived":false,"fork":false,"pushed_at":"2023-04-17T05:59:16.000Z","size":9,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-03T16:13:27.304Z","etag":null,"topics":["bom","dicoding-academy","dom-manipulation","front-end","javascript","localstorage","todoapp"],"latest_commit_sha":null,"homepage":"https://www.dicoding.com/academies/315","language":"JavaScript","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/Ardywsptr.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}},"created_at":"2023-04-17T04:34:00.000Z","updated_at":"2023-04-17T04:37:59.000Z","dependencies_parsed_at":"2023-07-25T01:16:51.607Z","dependency_job_id":null,"html_url":"https://github.com/Ardywsptr/todoapps","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ardywsptr/todoapps","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ardywsptr%2Ftodoapps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ardywsptr%2Ftodoapps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ardywsptr%2Ftodoapps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ardywsptr%2Ftodoapps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ardywsptr","download_url":"https://codeload.github.com/Ardywsptr/todoapps/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ardywsptr%2Ftodoapps/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34238713,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-12T02:00:06.859Z","response_time":109,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["bom","dicoding-academy","dom-manipulation","front-end","javascript","localstorage","todoapp"],"created_at":"2024-11-14T09:50:59.555Z","updated_at":"2026-06-12T09:32:12.721Z","avatar_url":"https://github.com/Ardywsptr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Todo Apps 📚\n\n**Aplikasi To Do** - Todo Apps merupakan aplikasi yang dapat menyimpan kegiatan, aplikasi ini menggunakan penyimpanan berbasis web storage (local storage). Dibuat untuk memenuhi syarat kelulusan kelas [Belajar Membuat Front-End Web untuk Pemula](https://www.dicoding.com/academies/315) di Dicoding Academy\n\n![Author](https://img.shields.io/badge/made%20by-Ardywsptr-blue)\n![GitHub followers](https://img.shields.io/github/followers/Ardywsptr?style=social)\n![GitHub watches](https://img.shields.io/github/stars/Ardywsptr/todoapps-3?style=social)\n![GitHub last commit](https://img.shields.io/github/last-commit/Ardywsptr/todoapps)\n\n\u003cbr clear=\"both\"\u003e\n\n## User Interface ✨\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://i.postimg.cc/hGz2r3qJ/New-Website-Blue-Mockup-Instagram-Laptop-1.png\" alt\"TodoApps\" width=\"800\"\u003e\n\u003c/div\u003e\n\n\u003cbr clear=\"both\"\u003e\n\n## Deskripsi Kelas 🚀\n\nBelajar Membuat Front-End Web untuk Pemula \u003cbr\u003e\nDisusun oleh: Dicoding Indonesia \u003cbr\u003e\nLevel: Pemula\n\nKelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website yang memiliki fungsionalitas lebih daripada hanya media informasi saja, sesuai dengan standar industri. Di akhir kelas, siswa dapat membuat aplikasi front-end web yang interaktif serta memiliki fitur penyimpanan menggunakan web storage.\n\n### Materi yang dipelajari:\n\n- **Dasar JavaScript** : Mengenal bahasa pemrograman JavaScript serta dasar dalam pemrograman JavaScript seperti statement dan expression, variabel, operator, percabangan, perulangan, data structure, dan fungsi. (12 jam 45 menit)\n- **Browser Object dan DOM Manipulation** : Membahas tentang Browser Object, teknik manipulasi DOM, dan Event pada HTML element. (14 jam 45 menit)\n- **Web Storage** : Mengetahui Web Storage, tipe web storage, dan belajar menggunakan localStorage dalam untuk menyimpan data yang persisten. (6 jam 40 menit)\n\n### Evaluasi Pembelajaran:\n\n- Submission (proyek akhir) membuat sebuah website yang menerapkan teknik manipulasi DOM dan web storage\n\nTotal jam yang dibutuhkan untuk menyelesaikan kelas ini, mulai dari persiapan kelas sampai evaluasi belajar, adalah 36 jam.\n\n\u003cbr clear=\"both\"\u003e\n\n## Feature 🌟\n\n### Mampu Menambahkan Kegiatan ✅\n\n* Todo Apps mampu menambahkan data kegiatan baru.\n* Data buku yang disimpan merupakan objek JavaScript\n\n### Memiliki Dua Rak Kegiatan ✅\n\n* Todo Apps memiliki 2 Rak kegiatan. Yakni, “yang belum dilakukan” dan “yang sudah dilakukan”.\n* Rak buku \"yang belum dilakukan\" hanya menyimpan buku jika properti isComplete bernilai false.\n* Rak buku \"yang sudah dilakukan\" hanya menyimpan buku jika properti isComplete bernilai true.\n\n### Dapat Memindahkan kegiatan antar Rak ✅\n\n* kegiatan yang ditampilkan pada rak, baik itu \"yang belum dilakukan\" maupun \"yang sudah dilakukan\" dapat dipindahkan di antara keduanya.\n\n### Dapat Menghapus Data Kegiatan ✅\n\n* Kegiatan yang ditampilkan pada rak, baik itu \"yang belum dilakukan\" maupun \"yang sudah dilakukana\" dapat dihapus.\n\n### Menyimpan Data KEgiatan dengan web storage ✅\n\n* Data kegiatan yang ditampilkan pada rak, baik itu \"yang belum dilakukan\" maupun \"yang sudah dilakukan\" dapat bertahan walaupun halaman web ditutup.\n* Dengan begitu, penyimpanan data buku memanfaatkan localStorage\n\n\u003cbr clear=\"both\"\u003e\n\n## Getting Started\n\n*Untuk memulai, ikuti langkah-langkah dibawah ini :*\n\n1. Clone this repository\n   \n   `git clone https://github.com/Ardywsptr/todoapps/.git`\n\n    `cd todoapps`\n   \n2. Hapus cache pada browser\n\n3. jalankan file index.html\n\n\u003cbr clear=\"both\"\u003e\n\u003cbr clear=\"both\"\u003e\n\u003cbr clear=\"both\"\u003e\n\n\u003e Jika ada pertanyaan atau issue, kunjungi [new issue](https://github.com/Ardywsptr/todoapps/issues/new)\n\u003e\n\u003eJika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada [profile](https://github.com/Ardywsptr) ini ☺☺☺\n\n\u003cbr clear=\"both\"\u003e\n\nBig Thanks for [Dicoding](https://www.dicoding.com/)\n\n\u003cbr clear=\"both\"\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/95717485/188485268-90e682b9-fce9-470b-836e-d8838079a309.png\" alt=\"Dicoding\"\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fardywsptr%2Ftodoapps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fardywsptr%2Ftodoapps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fardywsptr%2Ftodoapps/lists"}