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以查看应用程序中的应用程序。