ElevateHub

Elevatehub - Ihr Weg zur Expertenhilfe

Elevatehub ist eine innovative Online -Plattform, um die Lücke zwischen Junior -Anfängern und erfahrenen Experten in verschiedenen Branchen zu schließen. Egal, ob Sie ein Student sind, der nach Anleitung sucht, einen angehenden professionellen Beratungsberatung oder eine individuelle Begegnung mit technischen Hürden, Elegehub ist hier, um Sie mit erfahrenen Mentoren aus der ganzen Welt zu verbinden.

Tech Stapel

-> Schlüsselfunktionen <-

• Die Fehlerlösung hat einen hartnäckigen Fehler in Ihrem Code begegnet, der Ihren Fortschritt behindert? Angst nicht! Mit Elevatehub können Sie Hilfe von erfahrenen Entwicklern suchen, die Ihnen helfen können, Ihren Code effizient zu beheben und zu debuggen.

• Tech -Karriereunterstützung, die durch die komplexe Landschaft einer Tech -Karriere navigiert, kann insbesondere für Anfänger entmutigend sein. Elevatehub bietet eine Plattform, auf der Sie Anleitung zu Karrierewegen, Fähigkeitenentwicklung, Beschäftigungsmöglichkeiten und Branchenerkenntnissen von erfahrenen Fachleuten suchen können.

• Akademische Unterstützung mit einem herausfordernden akademischen Konzept oder einer anspruchsvollen Aufgabe? Elevatehub bietet eine unterstützende Umgebung, in der Sie sich mit sachkundigen Personen verbinden können, die Klarheit, Anleitung und Unterstützung bei Ihren akademischen Bemühungen bieten können.

Schritt-für-Schritt-Gebäudehandbuch:

HINWEIS: Für jeden Schritt schreiben Sie Frontend, Backend -Code, speichern Sie Daten in DB und gehen Sie dann zum nächsten Schritt voran

Schritt 1:

Erstellen Sie Login- und Anmeldeseiten für Junioren und Senioren

• Daten, die von Junioren/Schülern erhalten werden sollen: Name, E -Mail, Telefon
• Daten von Senioren/Experten: Name, Fachwissen, Feld, College, Berufsbezeichnung

Frontend:

• Erstellen Sie Login- und Anmelde -UI -Seiten für Junioren und Senioren
• Fügen Sie Formularfelder hinzu, um die erforderlichen Daten zu erfassen
• Formularvalidierung für Eingabefelder implementieren

Backend:

• Erstellen Sie Endpunkte für die Benutzerauthentifizierung (Anmeldung und Anmeldung) für Junioren und Senioren
• Implementieren Sie Validierungs- und Authentifizierungslogik
• Speichern Sie Benutzerdaten in der Datenbank

Datenbank:

• Design -Datenbankschema zum Speichern von Benutzerinformationen (Junioren und Senioren)
• Erstellen Sie Tabellen für Junioren und Senioren mit geeigneten Feldern

Schritt 2:

Nach Anmeldung von Junior/Student müssen sie 3 Felder zur Auswahl bringen:

• Fehlerlösung
• Tech -Karriereunterstützung
• Akademische Unterstützung

Frontend:

• Implementieren Sie die Benutzeroberfläche für die Auswahl der Hilfsfelder nach dem Junior -Login

Backend:

• Aktualisieren Sie das Benutzerprofil, um die ausgewählten Assistenzfelder hinzuzufügen
• Behandeln Sie Benutzereinstellungen und -auswahl im Backend

Schritt 3:

• Listen Sie alle Experten/Senioren auf, die sich auf der Website mit ihren detaillierten Informationen angemeldet haben

Hinweis: Holen Sie sich die Daten von registrierten Experten/Senioren aus der DB

Frontend:

• Erstellen Sie eine Seite, um eine Liste registrierter Experten/Senioren mit ihren Details anzuzeigen

Backend:

• Logik implementieren, um registrierte Experten/Senioren aus der Datenbank abzurufen und abzurufen

Schritt 4: (Chats)

• Erstellen Sie eine Chat -Funktionalität für ausgewählten Experten und den Junior

Hinweis: Hier diskutieren sie das Problem und die Menge an Gebühren, die zur Lösung des Problems erforderlich sind

Frontend:

• Implementieren Sie eine Chat -Oberfläche für die Kommunikation zwischen Junioren und ausgewählten Experten

Backend:

• Entwickeln Sie WebSocket- oder HTTP-Endpunkte, um Echtzeit-Nachrichten zwischen Benutzern zu verarbeiten
• Speichern Sie Chat -Nachrichten in der Datenbank als zukünftige Referenz

Schritt 5: (Zahlungsgateway)

• Integrieren Sie ein Zahlungsgateway für die Vorauszahlung

Frontend:

• Umsetzen

Backend:

• Integrieren Sie Payment Gateway -APIs zur Bearbeitung von Zahlungen
• Verwandten Sie den Zahlungsstatus und aktualisieren Sie die Benutzerprofile entsprechend

Schritt 6: (Meet)

• Stellen Sie ihnen die Möglichkeit, ein Online -Meeting durchzuführen, um das Problem zu lösen

Frontend:

• Implementieren Sie die Benutzeroberfläche zur Planung und Durchführung von Online -Meetings zwischen Junioren und Experten

Backend:

• Entwickeln Sie Funktionen für die Planung und Verwaltung von Online -Meetings
• Integrieren Sie APIs für Videokonferenzen für Echtzeitkommunikation

Schritt 7:

• Holen Sie sich die endgültige Zahlung und Feedback vom Junior

Frontend:

• Implementieren Sie die Benutzeroberfläche zur Bestätigung der endgültigen Zahlung und zum Sammeln von Feedback von Junioren

Backend:

• Verwandten Sie Zahlungsbestätigungs- und Feedback -Einreichungslogik
• Aktualisieren Sie Benutzerprofile und Datensätze basierend auf der Zahlung und dem Feedback

Projekttitel

Eine kurze Beschreibung dessen, was dieses Projekt tut und für wen es ist

Installation

Erstellen einer Gabel von Repo und Klonen

1. Klonen Sie das Repository:

 git clone https://github.com/samarthhapse/ElevateHub 

2. Navigieren Sie zum Projektverzeichnis:

 cd ElevateHub 

3. Fügen Sie Git Remote stromaufwärts durch die terminale Navigation zur Profildatei hinzu:

 git remote add upstream https://github.com/samarthhapse/ElevateHub 

Befolgen Sie die folgenden Schritte, um mit Elevatehub Frontend zu beginnen:

1. Frontend beginnen:

 cd client

2. Abhängigkeiten installieren:

 npm install

3. Fügen Sie eine Umgebungsvariablendatei hinzu .env mit den Variablen:

 CLIENT_ID=<THE-GOOGLE-AUTH-CLIENT-ID>
CLIENT_SECRET_KEY=<THE-GOOGLE-AUTH-CLIENT-ID>
CLIENT_REDIRECT_URL=<THE-URL-OF-YOUR-BACKEND>

VITE_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
VITE_APPWRITE_PROJECT=<YOUR-APPWRITE-PROJECT-ID>

PORT=<PORT-AT-WHICH-YOUR-BACKEND-IS-RUNNING>

3. Kunden auf Localhost führen:

 npm run dev

Befolgen Sie die folgenden Schritte, um mit Elevatehub Backend zu beginnen:

1. Direkt auf das Elevatehub -Projektverzeichnis -> dann zum Serververzeichnis mithilfe:

 cd server

2. Abhängigkeiten installieren:

 npm install

3. Fügen Sie eine Umgebungsvariablendatei hinzu .env mit den Variablen:

 MONGO_URI=<YOUR-MONGODB-ATLAS-DATABASE-URL>
PORT=<PORT-YOUR-WANT-YOUR-BACKEND-TO-RUN>

CLOUDINARY_CLOUD_NAME=<YOUR-CLOUDINARY_CLOUD_NAME>
CLOUDINARY_API_KEY=<YOUR-CLOUDINARY_API_KEY>
CLOUDINARY_API_SECRET=<YOUR-CLOUDINARY_API_SECRET>

SERVER_ADDRESS=<WHERE_YOUR_BACKEND_IS_RUNNING_> eg(http://localhost/PORT_NO.)

#If your dont have these details create one on https://ethereal.email/ and create a demo account
MAIL_HOST=<MAIL-HOST>
MAIL_PORT=<MAIL-PORT>
MAIL_AUTH_USER=<MAIL_AUTH_USER>
MAIL_AUTH_PASSWORD=<MAIL_AUTH_PASSWORD>
MAIL_OWNER_FOR_AUTH=<MAIL_ID_OF_MODERATOR/OWNER_OF_WEBSITE>

JWT_SECRET_KEY=<YOUR-JWT_SECRET_KEY>

3. Kunden auf Localhost führen:

 npm run dev

Dadurch wird das Anwendungsfrontend in Ihrem Standard -Webbrowser gestartet.

Sie können unter http://localhost:5173 darauf zugreifen

Unsere Mitwirkenden ❤️

Vielen Dank, dass Sie zu unserem Repository beigetragen haben

Zeigen Sie einige, indem Sie dieses großartige Repository mitspielt!