Landing page desarrollada con Tailwind CSS y TypeScript, pensada como base escalable para integrar futuras funcionalidades, tecnologías o frameworks. Animaciones implementadas con Intersection Observer sin dependencias externas.
Demo del Proyecto
Tecnologías
Funcionaliades
- Menú de navegación adaptable para dispositivos móviles y escritorio.
- Secciones integradas: Inicio, Nosotros, Servicios, Portafolio y Contacto.
- Formulario de contacto estilizado.
- Estilos personalizados usando configuración extendida de Tailwind (via CDN).
Instalación
- Requisitos Previos
- Descargar Proyecto.
- Tener Docker y Docker Compose instalados.
- Make: Utilizado para automatizar procesos y gestionar contenedores de manera más eficiente.
- Pasos de Instalación
- Clona el repositorio desde GitHub.
- Dentro del repositorio, encontrarás un archivo Makefile que contiene los comandos necesarios para iniciar y gestionar tu aplicación.
- Usa los siguientes comandos de Make para interactuar con la aplicación:
- make init-app: Inicializa los contenedores y configura la aplicación.
- make up: Levanta la aplicación y sus contenedores asociados.
- make down: Detiene los contenedores y apaga la aplicación.
- make shell: Ingresa al contenedor para interactuar directamente con el sistema en su entorno de ejecución.
- make install-dependencies: Instala todas las dependencias necesarias para disponer del sistema de logs y ejecutar pruebas.
- make init-test: Ejecuta las pruebas unitarias y de integración.
- make compile-ts: Compila Typescript.
- Además de estos comandos, dentro del archivo Makefile puedes encontrar otros comandos que te permitirán interactuar de manera más específica con los contenedores y los diferentes servicios que conforman la aplicación.
- Accede a los siguientes URL:
- Aplicación Web: http://localhost:8081/
- PhpMyAdmin: http://localhost:8082/
