Todo List App

Aplikasi Todo List adalah sebuah aplikasi sederhana yang memungkinkan pengguna untuk membuat daftar tugas, mengelola tugas-tugas tersebut, dan melacak kemajuan yang telah dicapai. Aplikasi ini dibangun menggunakan Vue.js 3 sebagai frontend dan menggunakan MongoDB sebagai database backend.

Teknologi yang Digunakan

• Vue.js 3
• Tailwind CSS

Library yang Digunakan

• axios
• vue-router
• pinia
• pinia-plugin-persistedstate
• vue-toastification
• vue-sweetalert2
• @vueuse/motion
• flowbite
• preline

Todo

• Autentikasi dan Middleware
  • Login
  • Register
  • Logout
  • Reset Password
• CRUD Todo ( Create, Read, Update, Delete )
  • Create Todo
  • Read Todo
  • Update Todo
  • Delete Todo
  • Refresh Token (JWT)
  • Filter Todo
  • Sorting Todo
  • Label Todo
  • Notifikasi Todo
  • Drag and Drop Todo
• User Setting ( Update and Delete User )
  • Update User
  • Delete User
  • Refresh Token (JWT)
• Integrasi dengan MongoDB
• Deploy ke Vercel

Tampilan Aplikasi

Home

Login

Register

Live Preview

Fitur

Aplikasi Todo List memiliki fitur-fitur berikut:

1. CRUD Todo

   • Pengguna dapat membuat, membaca, memperbarui, dan menghapus tugas-tugas dalam daftar.
   • Setiap tugas memiliki judul, deskripsi, status (selesai/belum selesai), dan tanggal deadline (opsional).
   • Pengguna dapat menandai tugas sebagai selesai atau membatalkan tanda selesai.

2. Login dan Register

   • Pengguna dapat membuat akun baru dengan mengisi formulir pendaftaran.
   • Pengguna dapat melakukan login menggunakan akun yang sudah terdaftar.
   • Autentikasi dilakukan menggunakan JSON Web Token (JWT) untuk menjaga keamanan.

3. Integrasi dengan MongoDB Backend

   • Aplikasi terhubung dengan MongoDB sebagai database backend untuk menyimpan dan mengelola data tugas pengguna.
   • Setiap tugas yang dibuat oleh pengguna akan disimpan dalam database MongoDB.
   • Data tugas dapat diambil, diperbarui, atau dihapus dari database sesuai dengan permintaan pengguna.

Penggunaan

Berikut adalah langkah-langkah untuk menjalankan aplikasi Todo List:

1. Pastikan Anda memiliki Node.js dan NPM terinstal di komputer Anda.

2. Clone repositori ini ke komputer lokal:

   git clone <URL_REPOSITORI>

3. Masuk ke direktori client:

   cd client

4. Install semua dependensi yang dibutuhkan:

    npm install

5. Jalankan aplikasi:

    npm run dev

6. Buka aplikasi di browser dengan membuka alamat berikut: http://localhost:1234/

Kontribusi

Jika Anda ingin berkontribusi pada pengembangan aplikasi Todo List, silakan ikuti langkah-langkah berikut:

1. Fork repositori ini.
2. Buat branch baru untuk fitur atau perbaikan yang akan Anda tambahkan:

   git checkout -b <nama-branch>

3. Lakukan perubahan yang diperlukan dan lakukan commit:

   git commit -m "<pesan-commit>"

4. Push ke branch yang baru dibuat:

   git push origin <nama-branch>

5. Buat pull request ke branch master pada repositori ini.

Terima kasih atas kontribusi Anda!

Lisensi

Aplikasi ini dilisensikan di bawah MIT License. Silahkan baca LICENSE untuk informasi lebih lanjut.

Terima kasih!