Proyecto Final - Desarrollo Web CoderHouse

Descripción del Proyecto

Este es el proyecto final del curso Desarrollo Web del Bootcamp de Fullstack Engineer de CoderHouse. El objetivo del proyecto es desarrollar una aplicación web completa que demuestre los conocimientos adquiridos a lo largo del curso, utilizando tecnologías modernas como HTML, CSS, SCSS y JavaScript.

El proyecto está orientado a la creación de una página web dinámica y responsiva que presenta un diseño atractivo y una estructura bien definida. Está diseñado para funcionar correctamente en diferentes dispositivos, desde escritorios hasta móviles, y se enfoca en una experiencia de usuario fluida e intuitiva.

Funcionalidades

• Diseño Responsivo: El proyecto se adapta a todos los tamaños de pantalla utilizando Media Queries y Flexbox.
• Interactividad: Implementación de efectos interactivos con JavaScript para mejorar la experiencia del usuario.
• Optimización: Uso de SASS/SCSS para una gestión más eficiente de los estilos CSS y la organización del código.
• Meta Descripción y SEO: Optimización para motores de búsqueda con la inclusión de meta descripciones y otras prácticas recomendadas de SEO.

Tecnologías Utilizadas

• HTML: Estructura principal de la página web.
• CSS: Estilos básicos de la interfaz.
• SCSS: Preprocesador CSS utilizado para mejorar la modularidad y la gestión de los estilos.
• JavaScript: Funcionalidades interactivas en la página web.
• Git/GitHub: Control de versiones y colaboración.

Instalación

Pasos para ejecutar el proyecto localmente:

1. Clonar el repositorio:

git clone https://github.com/dggtn9/GangotenaDaniela-DesarrolloWebCoderHouse.git
Abrir el archivo index.html en tu navegador preferido.
El proyecto no requiere ninguna instalación adicional. Simplemente abre el archivo index.html en tu navegador para ver el resultado.

Estructura del Proyecto
La estructura del proyecto es la siguiente:

bash
Copiar código
GangotenaDaniela-DesarrolloWebCoderHouse/
├── img/                # Imágenes y recursos visuales del proyecto
├── pages/              # Páginas o componentes adicionales
├── styles/             # Archivos SCSS para los estilos
│   ├── _variables.scss # Variables globales de estilos
│   ├── _mixins.scss    # Mixins y reutilización de estilos
│   └── style.scss      # Estilos principales del proyecto
├── .gitignore          # Archivos y carpetas a ignorar por Git
├── index.html          # Página principal del proyecto
├── package-lock.json   # Archivo de bloqueo de dependencias
├── package.json        # Archivo de configuración de NPM
└── README.md           # Este archivo de documentación
Características del Proyecto
Responsividad: El sitio está diseñado para ser completamente funcional en dispositivos móviles, tabletas y escritorios, utilizando Media Queries y Flexbox.
Optimización: Se optimizó el código CSS utilizando SASS para mejorar la organización y reutilización de estilos.
SEO Básico: Se incluyeron meta descripciones, keywords y otras etiquetas esenciales para mejorar la visibilidad del proyecto en motores de búsqueda.
Cómo Contribuir
Si deseas contribuir a este proyecto, puedes hacerlo de las siguientes maneras:

Sugerir mejoras: Si tienes ideas para mejorar el diseño o funcionalidades, siéntete libre de abrir un "issue" o enviar un "pull request".
Informar de problemas: Si encuentras algún error o inconveniente, abre un "issue" para que pueda ser corregido.
Video de Demostración
Puedes ver un video de demostración de cómo funciona el proyecto en el siguiente enlace:

Ver video de demostración

Licencia
Este proyecto está licenciado bajo la Licencia MIT. Para más detalles, consulta el archivo LICENSE.