Task Pro

タスクプロ

Task Proは、プロジェクトとタスク管理を合理化するために作成された直感的なWebアプリケーションです。

すべての習熟度レベルのユーザーが、ユーザーフレンドリーなインターフェイスで時間管理と組織能力を高めることができます。

プライベート使用やコラボレーションを選択するかどうかにかかわらず、Task Proはプロジェクトをシームレスに作成、整理、共有するための包括的なソリューションを提供します。

テクノロジー

プロジェクトフレーム

特徴

ユーザーのサインアップとログイン

• ユーザーエクスペリエンスをパーソナライズするユーザープロファイルを簡単に作成できます。
• 安全な認証により、プライベートボードにのみアクセスできるようになります。

取締役会管理

• ボードを簡単に作成、編集、削除します。
• ボード間ですぐに交換して、対応するタスクを表示します。
• ボードとタスクのすべての変更は、フロントエンドとバックエンドで維持されます。

タスク管理

• 名前、メモ、ステータスのある新しいタスクカードを作成します。
• 必要に応じてタスクカードを編集および削除します。
• カードをあるステータス列から別の列に移動します。

フロントエンド

• レスポンシブで動的なユーザーインターフェイスのためにReactを使用して開発されました。
• ページ間のスムーズなナビゲーションにReactルーターを使用します。
• モダンな外観と組織化されたスタイリングのためのSASSを備えたスタイリッシュでカスタマイズ可能なデザイン。

バックエンド

• node.jsを搭載し、堅牢なサーバー側の機能を実現します。
• データストレージと検索はMongoDBによって処理され、データの持続性と柔軟性が確保されます。

ストレッチ機能

将来、次の機能を紹介する予定です。

• プロジェクトを個人的に使用するためにプライベートに保つか、他の人と協力してください。
• 共有セットは、同じページにチームを維持し、複数の招待方法とともにアクセスできます。
• より良いコミュニケーションのためのコメントでプロジェクト共有システムを強化します。
• ユーザーエクスペリエンスを向上させるためにドラッグアンドドロップ。
• 明るいモードと暗いモード。
• OTP/電子メール2ステップ認証。

アプリケーションを起動します

ステップ1 。コードエディターへのクローンリポジトリ

ステップ2 。 NPMインストールを実行して、すべての依存関係をインストールします

ステップ3 。ノードバージョンが18.17.1以降であることを確認してください。NVMを使用して必要なバージョンをインストールできます。

ステップ4 。 envファイルを作成し、必ずPORT = 3000とMONGO_URI = (Mongodb connection URI)を持っていることを確認してください

ステップ5 。 npm startまたはnpm run devでプロジェクトを開始します（devモード用）

著者

• ナムハ：github

• ジョン・コステロ：Github