Skip to content

Azael-less/skillHub-front

This branch is 6 commits behind angeldvilla/skillHub-front:main.

Folders and files

NameName
Last commit message
Last commit date
Aug 29, 2023
Aug 19, 2023
Aug 1, 2023
Aug 24, 2023
Aug 19, 2023
Aug 14, 2023
Aug 16, 2023
Aug 24, 2023
Aug 23, 2023
Aug 1, 2023
Aug 23, 2023
Aug 1, 2023

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%