MERN Task Manager

Todolist App

Dies ist eine Task -Manager -App, mit der Benutzer zu bevorzugten Aufgaben erstellen, lesen, aktualisieren und hinzuzufügen. Es basiert auf dem Mern -Stack (MongoDB, Express, React und Node.js) und verfügt über Autorisierungs- und Authentifizierungsfunktionen mit JWT und BCrypt. Für das staatliche Management habe ich Redux -Toolkit verwendet.

-Updated V-2.0-

1. Mit Firebase fungierte Google Authentication (OAUTH) -Funktion.
2. Changed UI .
3. Added User Profile Page (es besteht das Benutzerprofilbild, den Benutzernamen, E-Mail-ID und UID).
4. User Delete Account -Funktionalität hinzugefügt.
5. GENAI -Seite wurde hinzugefügt, es ist eine AI feature , bei der Sie KI -Aufbau Ihrer Probleme, Ideen, Lösungen usw. für AI bitten können, die auf Gemini basieren.
6. Das Feld Option NOTES auf der Seite erstellen, auf der Sie Ihre Notizen zusammen mit Ihrer Aufgabe schreiben können.
7. STATUS (pending, in-working, completed) in Todo-Task hinzugefügt.
8. Hinzufügen von Feature Show/Hide Kennwort-Funktion im Feld Anmeldung/Anmeldekennwort.
9. Updated Startseite im Dunklen Modus.
10. Add GenAI button zu Hause hinzu und erstellen Sie Seite.
11. Added Update User Profile feature (aktualisieren Sie das Image des Benutzerprofils, den Benutzernamen, die E -Mail und das Kennwort).

12. Continue......

Merkmale

• Benutzer können sich anmelden und sich mit ihrer E -Mail und ihrem Passwort anmelden.
• Benutzer können Aufgaben mit einem Titel erstellen.
• Benutzer können ihre Aufgaben in einer Liste anzeigen.
• Benutzer können ihre Aufgaben bearbeiten oder löschen.
• Benutzer können ihre Aufgaben als erledigt oder unvollständig markieren.
• Benutzer können sich von ihrem Konto abmelden.
• Dunkler Modus, zu bevorzugten Funktionen hinzufügen.

Projektvorschau -Link

Todolist_project_link

Installation

Um diese App lokal auszuführen, müssen Sie Node.js, NPM und MongoDB auf Ihrem Computer installiert haben. Befolgen Sie dann folgende Schritte:

• Klonen Sie dieses Repository in Ihre lokale Maschine.

• Navigieren Sie zum Projektordner und führen Sie npm install aus, um die Abhängigkeiten zu installieren.

• Erstellen Sie eine .env -Datei im Stammordner und fügen Sie die folgenden Variablen hinzu:

  • PORT : Die Portnummer für den Server (Standard ist 5000).
  • MONGO_URI : Die Verbindungszeichenfolge für Ihre MongoDB -Datenbank.
  • JWT_SECRET : Der geheime Schlüssel zum Generieren von JWT -Token.

• Führen Sie npm run dev aus, um den Server zu starten, und starten Sie npm run start um die React -App zu starten.

• Öffnen Sie Ihren Browser und gehen Sie zu http://localhost:3000 um die App in Aktion anzuzeigen.