MERN Task Manager

Application todoliste

Il s'agit d'une application Task Manager qui permet aux utilisateurs de créer, de lire, de mettre à jour de supprimer et d'ajouter aux tâches préférées. Il est construit sur la pile Mern (MongoDB, Express, React et Node.js) et il a des fonctionnalités d'autorisation et d'authentification à l'aide de JWT et BCrypt, pour la gestion de l'État, j'ai utilisé Redux Toolkit.

- V-2.0.

1. Ajout de la fonction Google Authentication (OAUTH) à l'aide de Firebase.
2. Changed UI dans la page Créer, Listes, connexion / inscription.
3. Added User Profile Page (il a une image de profil utilisateur, un nom d'utilisateur, un e-mail et un UID).
4. Ajout de la fonctionnalité User Delete Account .
5. Ajout de la page GENAI , c'est une AI feature où vous pouvez demander vos problèmes, vos idées, votre solution, etc. à AI construite sur les Gémeaux.
6. Ajout d'un champ d'option NOTES dans la page Créer, où vous pouvez écrire vos notes avec votre tâche.
7. Ajout d'option STATUS (pending, in-working, completed) dans Todo-Task.
8. Ajout de la fonction Show/Hide le mot de passe dans le champ de mot de passe de connexion / d'inscription.
9. Page d'accueil Updated en mode sombre.
10. Add GenAI button sur la maison et créez une page.
11. Added Update User Profile feature (mise à jour de l'image du profil utilisateur, nom d'utilisateur, e-mail et mot de passe).

12. Continue......

Caractéristiques

• Les utilisateurs peuvent s'inscrire et se connecter avec leur e-mail et leur mot de passe.
• Les utilisateurs peuvent créer des tâches avec un titre.
• Les utilisateurs peuvent afficher leurs tâches dans une liste.
• Les utilisateurs peuvent modifier ou supprimer leurs tâches.
• Les utilisateurs peuvent marquer leurs tâches comme terminées ou incomplètes.
• Les utilisateurs peuvent se déconnecter de leur compte.
• Mode sombre, ajoutez aux fonctionnalités préférées.

Lien de prévisualisation du projet

Todist_project_link

Installation

Pour exécuter cette application localement, vous devez faire installer Node.js, NPM et MongoDB sur votre machine. Ensuite, suivez ces étapes:

• Clone ce référentiel à votre machine locale.

• Accédez au dossier du projet et exécutez npm install pour installer les dépendances.

• Créez un fichier .env dans le dossier racine et ajoutez les variables suivantes:

  • PORT : le numéro de port pour le serveur (par défaut est 5000).
  • MONGO_URI : la chaîne de connexion pour votre base de données MongoDB.
  • JWT_SECRET : La clé secrète pour générer des jetons JWT.

• Exécutez npm run dev pour démarrer le serveur et exécuter npm run start pour démarrer l'application React.

• Ouvrez votre navigateur et allez sur http://localhost:3000 pour voir l'application en action.