MERN Task Manager

Aplikasi Todolist

Ini adalah aplikasi Task Manager yang memungkinkan pengguna untuk membuat, membaca, memperbarui, dan menambah tugas favorit. Ini dibangun di atas tumpukan utama (MongoDB, Express, React dan Node.js) dan memiliki fitur otorisasi dan otentikasi menggunakan JWT dan BCRYPT, untuk manajemen negara saya menggunakan Redux Toolkit.

-Updated V-2.0--

1. Menambahkan fitur Google Authentication (OAUTH) menggunakan Firebase.
2. Changed UI Di Buat, Daftar, Halaman Masuk/Daftar.
3. Added User Profile Page (memiliki gambar profil pengguna, nama pengguna, email-id dan uid).
4. Menambahkan fungsionalitas User Delete Account .
5. Menambahkan halaman GENAI , ini adalah AI feature di mana Anda dapat menanyakan masalah, ide, solusi, dan dll. Untuk AI dibangun di atas Gemini.
6. Tambahan NOTES Bidang Opsi Di Halaman Buat, tempat Anda dapat menulis catatan Anda bersama dengan tugas Anda.
7. STATUS (pending, in-working, completed) dalam TODO-TACK.
8. Menambahkan fitur Show/Hide Kata Sandi di bidang Masuk/Masuk Kata Sandi.
9. Halaman Beranda Updated dalam Mode Gelap.
10. Add GenAI button di rumah dan buat halaman.
11. Added Update User Profile feature (Perbarui Gambar Profil Pengguna, Nama Pengguna, Email dan Kata Sandi).

12. Continue......

Fitur

• Pengguna dapat mendaftar dan masuk dengan email dan kata sandi mereka.
• Pengguna dapat membuat tugas dengan judul.
• Pengguna dapat melihat tugas mereka dalam daftar.
• Pengguna dapat mengedit atau menghapus tugas mereka.
• Pengguna dapat menandai tugas mereka sebagai selesai atau tidak lengkap.
• Pengguna dapat keluar dari akun mereka.
• Mode gelap, tambahkan ke fungsionalitas favorit.

Tautan pratinjau proyek

Todolist_project_link

Instalasi

Untuk menjalankan aplikasi ini secara lokal, Anda harus memiliki Node.js, NPM, dan MongoDB yang diinstal pada mesin Anda. Kemudian ikuti langkah -langkah ini:

• Kloning repositori ini ke mesin lokal Anda.

• Arahkan ke folder proyek dan jalankan npm install untuk menginstal dependensi.

• Buat file .env di folder root dan tambahkan variabel berikut:

  • PORT : Nomor port untuk server (default adalah 5000).
  • MONGO_URI : String koneksi untuk database MongoDB Anda.
  • JWT_SECRET : Kunci rahasia untuk menghasilkan token JWT.

• Jalankan npm run dev untuk memulai server dan jalankan npm run start untuk memulai aplikasi React.

• Buka browser Anda dan buka http://localhost:3000 untuk melihat aplikasi beraksi.