MERN Task Manager

Todolist應用程序

這是一個任務管理器應用程序，允許用戶創建，讀取，更新刪除並添加到喜歡的任務中。它建立在Mern堆棧（MongoDB，Express，React和Node.js）上，並具有使用JWT和BCRypt的授權和身份驗證功能，用於狀態管理，我使用了Redux Toolkit。

- 更新的V-2.0--

1. 使用Firebase添加了Google Authentication (OAUTH)功能。
2. 在創建，列表，登錄/註冊頁面中Changed UI 。
3. Added User Profile Page （它具有用戶配置文件映像，用戶名，電子郵件ID和UID）。
4. 添加了User Delete Account功能。
5. 添加了GENAI頁面，這是一個AI feature ，您可以在此詢問基於雙子座的AI的問題，想法，解決方案等。
6. 在創建頁面中添加了NOTES選項字段，您可以在其中寫下筆記以及任務。
7. 在待辦事項中添加了STATUS (pending, in-working, completed)選項。
8. 在登錄/註冊密碼字段中添加了Show/Hide密碼功能。
9. 在黑暗模式下Updated主頁。
10. 在家中Add GenAI button並創建頁面。
11. Added Update User Profile feature （更新用戶配置文件圖像，用戶名，電子郵件和密碼）。

12. Continue......

特徵

• 用戶可以通過其電子郵件和密碼註冊並登錄。
• 用戶可以使用標題創建任務。
• 用戶可以在列表中查看其任務。
• 用戶可以編輯或刪除其任務。
• 用戶可以將其任務標記為已完成或不完整。
• 用戶可以從其帳戶中註銷。
• 暗模式，添加喜歡的功能。

項目預覽鏈接

todolist_project_link

安裝

要在本地運行此應用程序，您需要在計算機上安裝Node.js，NPM和MongoDB。然後按照以下步驟：

• 將此存儲庫克隆到您的本地計算機。

• 導航到項目文件夾並運行npm install以安裝依賴項。

• 在根文件夾中創建.env文件，並添加以下變量：

  • PORT ：服務器的端口號（默認為5000）。
  • MONGO_URI ：MongoDB數據庫的連接字符串。
  • JWT_SECRET ：生成JWT令牌的秘密鍵。

• 運行npm run dev以啟動服務器並運行npm run start以啟動React App。

• 打開瀏覽器，然後訪問http://localhost:3000以查看應用程序中的應用程序。