Task Pro

Task Pro

Task Pro ist eine intuitive Webanwendung, die zum Rahmen des Projekts und der Aufgabenverwaltung gestaltet wurde.

Es ermöglicht den Nutzern aller Kompetenzniveaus, ihr Zeitmanagement und ihre organisatorischen Fähigkeiten mit seiner benutzerfreundlichen Schnittstelle zu verbessern.

Unabhängig davon, ob Sie sich für die private Nutzung oder die Zusammenarbeit entscheiden, bietet Task Pro eine umfassende Lösung für das Erstellen, Organisieren und Teilen von Projekten nahtlos.

Technologien

Projektrahmen

Merkmale

Benutzeranmeldung und Anmeldung

• Erstellen Sie einfach ein Benutzerprofil, um die Benutzererfahrung zu personalisieren.
• Sichere Authentifizierung stellt sicher, dass Ihre privaten Boards nur für Sie zugänglich sind.

Vorstandsmanagement

• Erstellen, bearbeiten und löschen Sie mit Leichtigkeit.
• Tauschen Sie sofort zwischen den Boards, um ihre entsprechenden Aufgaben anzuzeigen.
• Alle Änderungen an Boards und Aufgaben werden am Frontend und im Backend beibehalten.

Aufgabenverwaltung

• Erstellen Sie eine beliebige Anzahl neuer Taskkarten mit Namen, Notizen und Status.
• Bearbeiten und löschen Sie die Taskkarten nach Bedarf.
• Bewegen Sie Karten von einer Statusspalte in eine andere.

Frontend

• Entwickelt mit React für eine reaktionsschnelle und dynamische Benutzeroberfläche.
• Verwendet React Router für eine glatte Navigation zwischen den Seiten.
• Stilvolles und anpassbares Design mit SASS für ein modernes Aussehen und organisiertes Styling.

Back End

• Angetrieben von Node.js und Express für robuste serverseitige Funktionen.
• Datenspeicherung und -abruf werden von MongoDB behandelt, wodurch die Datenpersistenz und Flexibilität sichergestellt wird.

Dehnungsmerkmale

In Zukunft planen wir die folgenden Funktionen vorzustellen:

• Halten Sie Ihre Projektsätze privat für den persönlichen Gebrauch oder arbeiten Sie mit anderen zusammen.
• Teilensätze können zusammen mit einer mehrfachen Methode der Einladungen zugegriffen werden, wobei das Team auf derselben Seite aufbewahrt wird.
• Verbessern Sie das Projekt-Sharing-System mit Kommentaren für eine bessere Kommunikation.
• Drag & Drop, um die Benutzererfahrungen zu verbessern.
• Licht und dunkler Modus.
• OTP/E -Mail 2 Schritt Authentifizierung.

So starten Sie die Anwendung

Schritt 1 . Klone Repo zum Code -Editor

Schritt 2 . Führen Sie die NPM -Installation aus, um alle Abhängigkeiten zu installieren

Schritt 3 . Stellen Sie sicher, dass die Knotenversion 18.17.1 oder älter ist und NVM verwenden kann, um die benötigte Version zu installieren.

Schritt 4 . Erstellen Sie die Env -Datei und vergewissern Sie sich, dass PORT = 3000 und MONGO_URI = (Mongodb connection URI) haben.

Schritt 5 . Starten Sie das Projekt mit npm start oder npm run dev (für den Dev -Modus)

Autoren

• Nam Ha: Github

• John Costello: Github