Clientes Carwash

Principales tecnologías usadas en este proyecto

• Lenguaje: TypeScript
• Framework: Next.js
• Auth: Lucia
• Estilos: Tailwindcss
• Base de datos: MongoDB
• ORM: Prisma
• Tests E2E: Playwright

¿El por qué?

Trabajar en un lavado de autos se resume en un sueldo fijo y propinas de los clientes, entonces por esa misma razón he creado esta app para que así el lavador de autos pueda tener un registro de sus mejores clientes y/o los peores, y así de esta manera poder optimizar su tiempo y energías para poder hacer mejores propinas.

¿Qué hace la app?

La app permite al lavador de autos:

El ingreso a la app es en base a invitación ya que es privada solo para los lavadores de autos y no abierta a todo publico.

• Crear una cuenta para poder agregar, editar, eliminar sus clientes y sus respectivas propinas.
• Buscar clientes existentes y en el caso de que no exista, le da la opción de poder crearlo.
• Ver listas de propinas y clientes con opciones de ordenamiento por fecha y monto de propina.
• Tener una pagina de perfil donde ver sus propinas o clientes creado por el usuario.

En el caso del usuario administrador.

• Sección para crear invitaciones y también una lista con todas las invitaciones creadas para poder ser gestionadas.

Links del demo de la app

• Demo Usuario Normal
• Demo Usuario Administrador

Configuración para usar en tu maquina

• Configurar MongoDB ya sea en local o con MongoDB Atlas gratis.
• Configurar la variable de entorno DATABASE_URL con la cadena de texto de conexión de MongoDB
• Configurar la variable de entorno SITE_TITLE para darle el nombre que desees al proyecto, por defecto el nombre de la app es "Clientes Carwash"

Ejecutar Next.js en modo de desarrollo

npm install
npm run dev

Ejecutar Tests de Playwright

npm run build && npm run start

# y en otra pestaña de terminal después de que se construya la app y se este ejecutando en modo de producción
npm test:ui