MERN Task Manager

Todolistアプリ

これは、ユーザーがお気に入りのタスクを作成、読み取り、更新、追加できるタスクマネージャーアプリです。 Mern Stack（MongoDB、Express、React、Node.js）の上に構築されており、JWTとBCRYPTを使用して認証および認証機能を備えています。

-Dated V-2.0--

1. FireBaseを使用してGoogle Authentication (OAUTH)機能を追加しました。
2. CREATE、リスト、サインイン/サインアップページでChanged UI 。
3. Added User Profile Page （ユーザープロファイルイメージ、ユーザー名、電子メールID、UIDがあります）。
4. 追加されたUser Delete Account機能。
5. GENAIページが追加されました。これは、Gemini上に構築されたAIに問題、アイデア、ソリューションなどを尋ねることができるAI featureです。
6. 作成ページにNOTESオプションフィールドを追加しました。ここでは、タスクと一緒にメモを書くことができます。
7. Todo-Taskに追加の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アプリを起動します。

• ブラウザを開き、 http://localhost:3000にアクセスして、アプリが動作しているのを確認します。