ElevateHub

ElevateHub: su camino hacia la asistencia experta

ElevateHub es una plataforma innovadora en línea diseñada para cerrar la brecha entre los novatos junior y los expertos experimentados en varias industrias. Ya sea que sea un estudiante que busque orientación, un profesional en ciernes que busque consejos profesionales o un individuo que encuentre obstáculos técnicos, ElevateHub está aquí para conectarlo con mentores experimentados de todo el mundo.

Pilas tecnológicas

-> Características clave <-

• ¿ La resolución de errores encontró un error terco en su código que está impediendo su progreso? ¡No temas! Con ElevateHub, puede buscar ayuda de desarrolladores experimentados que puedan ayudarlo a solucionar problemas y depurar su código de manera eficiente.

• La asistencia profesional tecnológica que navega por el complejo panorama de una carrera tecnológica puede ser desalentadora, especialmente para principiantes. ElevateHub proporciona una plataforma en la que puede buscar orientación sobre carreras profesionales, desarrollo de habilidades, oportunidades de trabajo e información de la industria de profesionales experimentados.

• ¿ Apoyo académico que lucha con un concepto o tarea académica desafiante? ElevateHub ofrece un entorno de apoyo en el que puede conectarse con personas conocedoras que puedan proporcionar claridad, orientación y asistencia con sus esfuerzos académicos.

Guía de construcción paso a paso:

Nota: Para cada paso, escriba frontend, código de backend, almacene datos en DB y luego avance al siguiente paso

Paso 1:

Crear páginas de inicio de sesión y registrar para jóvenes y personas mayores

• Datos para obtener de Juniors/Estudiantes: nombre, correo electrónico, teléfono
• Datos para obtener de personas mayores/expertos: nombre, experiencia, campo, universidad, título de trabajo

Interfaz:

• Crear páginas de interfaz de usuario de inicio de sesión y registrar para jóvenes y personas mayores
• Incluir los campos de formulario para capturar los datos requeridos
• Implementar la validación de formulario para los campos de entrada

Backend:

• Cree puntos finales para la autenticación del usuario (inicio de sesión y registro) tanto para jóvenes como para personas mayores
• Implementar la lógica de validación y autenticación
• Almacenar datos de usuario en la base de datos

Base de datos:

• Esquema de base de datos de diseño para almacenar información del usuario (juniors y personas mayores)
• Crear tablas para jóvenes y personas mayores con campos apropiados

Paso 2:

Después del inicio de sesión de Junior/Student, deben obtener 3 campos para elegir:

• Resolución de errores
• Asistencia profesional tecnológica
• Apoyo académico

Interfaz:

• Implemente la interfaz de usuario para la selección de campos de asistencia después del inicio de sesión junior

Backend:

• Actualice el perfil de usuario para incluir los campos de asistencia seleccionados
• Manejar las preferencias y opciones de los usuarios en el backend

Paso 3:

• Enumere a todos los expertos/personas mayores que se han registrado en el sitio web con su información detallada

Nota: Obtenga los datos de expertos/personas mayores registradas de la DB

Interfaz:

• Cree una página para mostrar una lista de expertos/personas mayores registradas con sus detalles

Backend:

• Implementar la lógica para obtener y recuperar expertos/personas mayores registradas de la base de datos

Paso 4: (chats)

• Cree una funcionalidad de chat para un experto seleccionado y el junior

Nota: Aquí discutirán el problema y la cantidad de tarifas requeridas para resolver el problema

Interfaz:

• Implementar una interfaz de chat para la comunicación entre jóvenes y expertos seleccionados

Backend:

• Desarrollar puntos finales WebSocket o HTTP para manejar la mensajería en tiempo real entre los usuarios
• Almacenar mensajes de chat en la base de datos para referencia futura

Paso 5: (pasarela de pago)

• Integre una pasarela de pago para el pago por pago

Interfaz:

• Implementar UI para iniciar el pago por asistencia de expertos

Backend:

• Integre las API de la pasarela de pago para el procesamiento de pagos
• Manejar el estado de pago y actualizar los perfiles de usuario en consecuencia

Paso 6: (reunirse)

• Proporcionarles la opción de llevar a cabo una reunión en línea para resolver el problema

Interfaz:

• Implementar la interfaz de usuario para programar y realizar reuniones en línea entre jóvenes y expertos

Backend:

• Desarrollar funcionalidad para programar y administrar reuniones en línea
• Integrar API de videoconferencia para la comunicación en tiempo real

Paso 7:

• Obtenga el pago final y los comentarios del junior

Interfaz:

• Implemente la interfaz de usuario para confirmar el pago final y recaudar comentarios de Juniors

Backend:

• Manejar la confirmación del pago y la lógica de envío de comentarios
• Actualizar perfiles de usuario y registros basados en la finalización del pago y los comentarios

Título de proyecto

Una breve descripción de lo que hace este proyecto y para quién es

Instalación

Creando un bifurcado del repositorio y clonación

1. Clon el repositorio:

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

2. Navegue al directorio del proyecto:

 cd ElevateHub 

3. Agregue Git Remote Upstream a través del terminal que navega al archivo de perfil:

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

Para comenzar con ElevateHub Frontend, siga estos pasos:

1. Iniciar Frontend:

 cd client

2. Instalar dependencias:

 npm install

3. Agregue un archivo de variable de entorno .env con las variables:

 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. Ejecutar el cliente en localhost:

 npm run dev

Para comenzar con ElevateHub Backend, siga estos pasos:

1. Dirija al directorio del proyecto ElevateHub -> luego al directorio del servidor utilizando:

 cd server

2. Instalar dependencias:

 npm install

3. Agregue un archivo de variable de entorno .env con las variables:

 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. Ejecutar el cliente en localhost:

 npm run dev

Esto iniciará el frontend de la aplicación en su navegador web predeterminado.

Puede acceder a él en http://localhost:5173

Nuestros contribuyentes ❤️

Gracias por contribuir a nuestro repositorio

¡Muestre algunos ❤️ protagonizando este increíble repositorio!