Repositorio github link

Vue Salon MEVN

📌 Descripción

Vue Salon MEVN es una aplicación web desarrollada con el stack MEVN (MongoDB, Express.js, Vue.js y Node.js) para la gestión de citas en un salón de belleza. Permite a los usuarios reservar, modificar y cancelar citas, mientras que los administradores pueden gestionar clientes, servicios y horarios.

🛠️ Tecnologías Utilizadas

  • Frontend: Vue3 Composition API
    • Formularios: FormKit
    • Gestor de Estado: Pinia
    • Router: Vue Router
  • Backend: Node.js
    • Framework: Express.js
    • Autenticación: JWT
    • Validacion de entrada de datos: Express Validator
  • Base de Datos: MongoDB con Mongoose
  • Autenticación: JWT (JSON Web Tokens)
  • Estilos: Tailwind CSS
  • Despliegue: Docker y Heroku/Vercel

✨ Características Principales

  • Registro

    1. Creación de usuarios *
    2. Verificación usuario mediante correo electrónico

  • Inicio de sesión :

    1. Autenticación de usuarios
    2. Verificación de sesión
    3. Recuperación de contraseña *

  • Gestión de citas

    • Crear nuevas citas
    • Modificar citas existentes
    • Cancelar citas

  • Gestión de servicios

    • Crear nuevos servicios
    • Modificar servicios existentes

  • Panel de administración para gestionar clientes, servicios y horarios

  • Notificaciones de confirmación de cita

  • Interfaz intuitiva y responsiva

Nota: : * uso del servicio de mailtrap , disponible solo en desarrollo.

⚙️ Instalación y Configuración

📋 Requisitos Previos

  • Node.js y npm instalados
  • MongoDB en ejecución
  • Docker (opcional para contenedorización)

Clonar el Repositorio

git clone https://github.com/brizusan/vue-salon-mevn.git
cd vue-salon-mevn

🐳 Configuración con Docker (Opcional)

docker-compose up --build

Nota: : Deploy del Web service realizado en Render, la capa gratuita tiende a demorar de 1 a 2 minutos para su primera respuesta.

🚀 Uso

  1. Accede a http://localhost:8080 en tu navegador.
  2. Inicia sesión.
  1. Explora los servicios y agenda tu cita.
  2. Administrador puede visualizar las citas desde el panel de administración (permisos de administrador).

📜 Licencia

Este proyecto está bajo la licencia MIT. Para más información, revisa el archivo LICENSE.

¡Gracias por tu interés en Vue Salon MEVN!