Skip to content

Escuela Holistica de Expresión Landing page astro tailwind typescript

Notifications You must be signed in to change notification settings

Apoteotico/LaVozCreativa

Repository files navigation

🎤 La Voz Creativa - Escuela Holística de Expresión

Este es un proyecto web desarrollado en Astro con Tailwind CSS para la Escuela Holística de Expresión "La Voz Creativa".
Es una landing page informativa con un diseño moderno y responsivo hasta 300px.


📁 Estructura del Proyecto

lavozcreativa/
│── public/                 # Recursos públicos (fuentes, imágenes, favicon)
│   ├── fonts/              # Archivos de fuentes personalizadas
│   ├── images/             # Imágenes usadas en la web
│── src/                    # Código fuente de la web
│   ├── assets/             # Archivos adicionales (si se requieren)
│   ├── components/         # Componentes reutilizables de Astro
│   │   ├── navbar/         # Barra de navegación
│   │   ├── home/           # Sección de inicio
│   │   ├── services/       # Servicios ofrecidos
│   │   ├── coach/          # Información sobre el coach
│   │   ├── history/        # Historia y filosofía de la escuela
│   │   ├── faqs/           # Preguntas frecuentes
│   │   ├── testimonials/   # Testimonios de clientes
│   │   ├── contact/        # Formulario de contacto
│   │   ├── footer/         # Pie de página
│   ├── layouts/            # Diseños generales
│   ├── pages/              # Páginas principales
│   ├── styles/             # Estilos globales (Tailwind CSS)
│── .gitignore              # Archivos y carpetas ignorados en Git
│── astro.config.mjs        # Configuración de Astro
│── tsconfig.json           # Configuración de TypeScript
│── package.json            # Dependencias y scripts del proyecto
│── README.md               # Documentación del proyecto

🛠 Tecnologías Utilizadas

  • 🚀 Astro - Framework moderno para construir sitios estáticos rápidos.
  • 🎨 Tailwind CSS - Framework de CSS basado en utilidades.
  • 🔷 TypeScript - Tipado opcional para mayor seguridad en el código.
  • ESLint - Herramienta para mantener un código limpio y sin errores.

🚀 Cómo Ejecutar el Proyecto

1️⃣ Clonar el repositorio

git clone https://github.com/tu-usuario/lavozcreativa.git
cd lavozcreativa

2️⃣ Instalar dependencias

npm install

3️⃣ Ejecutar en modo desarrollo

npm run dev

El sitio estará disponible en http://localhost:4321 (o el puerto indicado en la terminal).

4️⃣ Construir para producción

npm run build

Los archivos estáticos se generarán en la carpeta /dist/.

5️⃣ Previsualizar la build

npm run preview

✍️ Mi primera web completa - Desarrollado con ❤️ by Eitel Hugo Belinzoni - Apoteotico . 🚀

About

Escuela Holistica de Expresión Landing page astro tailwind typescript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published