ReactJS ToDoList
1.0.0
Proyek ini mengimplementasikan Front-End untuk aplikasi web To-Do List sederhana, menggunakan perpustakaan React JS, dan juga Komponen Bergaya yang menggantikan CSS murni.
Ini mencakup halaman login dan UI umum aplikasi.
Logika otentikasi login dan database tugas untuk setiap pengguna tidak diterapkan, karena proyek ini bertujuan untuk menjadi studi Front-End saja.
Halaman login terinspirasi dalam desain ini oleh Jordan Hughes. Halaman beranda terinspirasi oleh desain ini oleh Mik Skuza.
• Halaman login, termasuk tombol Sign In, yang mengarahkan ke aplikasi utama;
• UI Aplikasi dengan sidebar navigasi dan area untuk daftar tugas;
• Tambahkan tugas baru, atur properti nama dan kategori;
• Hapus tugas, dengan modal untuk mengkonfirmasi tindakan;
• Centang tugas yang telah selesai melalui kotak centang;
• Filter tugas-tugas yang ditampilkan dalam daftar tugas berdasarkan "selesai", "belum selesai" atau "semua";
• Filter tugas-tugas yang ditampilkan dalam daftar tugas berdasarkan kategori, melalui pemilihan pada sidebar;
• Otorisasi: pengguna tidak dapat mengakses halaman beranda sebelum login, tidak juga halaman login setelah login.
Catatan: saat ini, fungsi "tugas edit" dan menambah atau menghapus kategori tidak diterapkan, karena saya menganggap hal itu tidak akan memberikan banyak kontribusi pada pembelajaran pribadi saya, dan akan sangat memakan waktu. Mungkin saya akan menerapkannya nanti.
Jika Anda ingin mencoba proyek ini sendiri:
sudo npm install -g yarnyarn install di terminal, di dalam folder tempat Anda mengunduh proyek, untuk menginstal semua dependensi yang digunakan.yarn start untuk menjalankan proyek di browser Anda.
