1.2.Bootstrap-SASS-Nivel1

📄 Descripción

Este proyecto tiene como objetivo la creación de sitios web responsivos utilizando Bootstrap 5 que facilita el diseño de interfaces adaptativas y atractivas. Además, se incorpora SASS para mejorar la organización y gestión de los estilos CSS.

💻 Tecnologías Utilizadas

• HTML5: Estructura básica del contenido web.
• CSS3: Estilos generales del sitio.
• Bootstrap 5: Framework CSS para diseño responsivo y componentes predefinidos.
• SASS: Preprocesador CSS para optimizar la hoja de estilos.
• JavaScript: Para interactividad.

📋 Requisitos

Antes de comenzar, asegúrate de tener instalados los siguientes elementos en tu entorno local:

• Node.js: Necesario para gestionar dependencias y ejecutar scripts.
• npm (Node Package Manager): Viene incluido con Node.js.
• SASS (si no usas un paquete de SASS a través de npm).

🛠️ Instalación

• Clonar el repositorio:

git clone https://github.com/francamateus93/1.2.Bootstrap-SASS-Nivel1.git

cd 1.2.Bootstrap-SASS-Nivel1

• Instalar dependencias:

Si estás usando SASS a través de npm, ejecuta el siguiente comando:

npm install npm install -g sass

• Para instalar Bootstrap, primero, asegúrate de estar en el directorio de tu proyecto y ejecuta el seguinte comando:

npm install bootstrap

▶️ Ejecución

Para iniciar el proyecto localmente:

• Asegúrate de que todos los archivos estén correctamente instalados y configurados.

• Abre tu terminal y navega a la carpeta del proyecto.

• Compila los archivos SASS:

sass scss/main.scss css/styles.css --watch

• Abre el archivo index.html en tu navegador

🤝 Contribuciones

¡Las contribuciones son bienvenidas!

Notes

• Un proyecto estudiantil creado en IT Academy, en el curso de FrontEnd Angular/React en Barcelona Activa.