Skip to content

Azael-less/skillHub-front

 
 

Repository files navigation

SkillHub Frontend


ReactJS ViteJS TailwindCSS FireBase Cloudinary Mercado Pago EmailJS Redux Toolkit


Este es el frontend de SkillHub, una aplicación que conecta a personas con habilidades y servicios para facilitar la colaboración y el intercambio de conocimientos. Aquí encontrarás la interfaz de usuario y la interacción del usuario con la funcionalidad de SkillHub.

Tecnologías Utilizadas

  • React.js: Biblioteca de JavaScript para construir interfaces de usuario.
  • Vite: Construcción rápida de aplicaciones web.
  • Tailwind CSS: Framework de diseño CSS.
  • Firebase: Plataforma de desarrollo de aplicaciones web.
  • Cloudinary: Servicio de almacenamiento y administración de imágenes en la nube.
  • Material Tailwind: Componentes de interfaz de usuario basados en Material Design y Tailwind CSS.
  • MercadoPago: Plataforma de pagos y cobros en línea.
  • Email.js: Envío de correos electrónicos desde el navegador.
  • Redux Toolkit: Biblioteca para la gestión del estado de la aplicación.

Configuración del Proyecto

  1. Clona este repositorio: git clone https://github.com/TuUsuario/SkillHub-Frontend.git

  2. Instala las dependencias: npm install

  3. Configura las variables de entorno en un archivo .env.

    VITE_APP_BACKEND_URL=your-backend-api-url
    VITE_APP_FIREBASE_API_KEY=your-firebase-api-key
    VITE_APP_CLOUDINARY_CLOUD_NAME=your-cloudinary-cloud-name
    VITE_APP_MERCADOPAGO_PUBLIC_KEY=your-mercadopago-public-key

Inicia el servidor de desarrollo: npm run dev

  1. Características Principales
  2. Registro y autenticación de usuarios.
  3. Búsqueda y exploración de servicios ofrecidos por usuarios.
  4. Integración con Cloudinary para la carga de imágenes.
  5. Proceso de pago a través de MercadoPago.
  6. Integración con Email.js para el envío de correos electrónicos.
  7. Gestión del estado de la aplicación utilizando Redux Toolkit.

Contribución

Si deseas contribuir a este proyecto, ¡estamos encantados de recibir tus aportaciones! Puedes hacerlo a través de pull requests.


Este README proporciona una descripción detallada de las tecnologías utilizadas, cómo configurar el proyecto, las funcionalidades principales y una visión general de cómo contribuir al proyecto. Puedes personalizarlo aún más según las necesidades de tu proyecto. ¡Espero que te sea útil!

About

Desarrollo de Proyecto Final | Henry Bootcamp

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.8%
  • CSS 2.0%
  • HTML 0.2%