azizsige / todo-mongo Goto Github PK

View Code? Open in Web Editor NEW

0.0 1.0 0.0 2.37 MB

Todo App Vue And Mongodb

Home Page: https://todo-mongo.vercel.app

License: MIT License

HTML 0.40% JavaScript 19.61% Vue 79.76% CSS 0.22%

jwt jwt-auth jwt-authentication jwt-token pinia pinia-plugin-persist todo-app todo-list vue-api vue-todo

todo-mongo's Introduction

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

Todo

Tampilan Aplikasi

Home

Login

Register

Live Preview

Fitur

Aplikasi Todo List memiliki fitur-fitur berikut:

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.
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.
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:

Pastikan Anda memiliki Node.js dan NPM terinstal di komputer Anda.
Clone repositori ini ke komputer lokal:
```
git clone <URL_REPOSITORI>
```
Masuk ke direktori client:
```
cd client
```
Install semua dependensi yang dibutuhkan:
```
 npm install
```
Jalankan aplikasi:
```
 npm run dev
```
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:

Fork repositori ini.
Buat branch baru untuk fitur atau perbaikan yang akan Anda tambahkan:
```
git checkout -b <nama-branch>
```
Lakukan perubahan yang diperlukan dan lakukan commit:
```
git commit -m "<pesan-commit>"
```
Push ke branch yang baru dibuat:
```
git push origin <nama-branch>
```
Buat pull request ke branch master pada repositori ini.