1. Requerimentos del proyecto
2. Diseño del proyecto
3. Frameworks del proyecto
4. Estructura del proyecto
5. Carpetas
6. Como clonar Repo y correrlo de manera local

Se desarrollara una landing para un restaurante, el requerimiento es el siguiente:

• Analizar diseño en figma
• Crear la estructura con html y css (maquetacion del sitio)
• Debe ser responsive
• Se puede trabajar de forma local y después subir a server pruebas

• Restaurent-Food-Web-Landing-page-Design-(Community)

• Bootstrap v5.3: Se usó Bootstrap para la estructura y diseño del proyeto, lo instalamos de manera local con npm install [email protected] para poder customizar SASS y se añade al package.json los datos necesarios.
  • Documentación Bootstrap

graph TD;
    RestaurentFoodWeb-->assets-->img;
    RestaurentFoodWeb-->js;
    RestaurentFoodWeb-->styles;
    RestaurentFoodWeb-->node_modules-->Bootstrap;

Se separaron los directorios para tener una estructura limpia, los cuales estructuramos de la siguiente forma:

• Carpeta asssets: Contiene una carpeta img donde se encuentran todas las imagenes incluidas en el proyecyo.

• Carpeta js: Por ahora el proyecto no contiene archivos JavaScript, pero se incluye un archivo main.js para su uso futuro.

• Carpeta styles: En esta carpeta contiene el archivo custom.scss, el cual se usó para extraer la libreria de estilos de Bootstrap, se usó la extensión LIVE SASS COMPILER, para importar la información y de esta forma se crearon los archivos custom.css, custom.css.map los cuales contienen los estilos aplicables al proyecto.

• Carpeta node_modules: En esta carpeta vienen los archivos bootstrap instalados con la libreria npm, la cual para poder subir al repositorio se tuvo que ignorar con el archivo .gitignore creado en la reiz del proyecto.

• Primero debes ubicarte en la página principal del repositorio <a href="https://github.com/OmarVenturaP/restaurent-food-web">Restaurent Food Web</a>.
• Al estar en la página principal del Repositorio debes presionar el boton <> Code posteriormente en el apartado Local -> Clone -> HTTPS debes copiar el link de acceso al repo:

• Posteriormente debes abrir la linea de comandos Git Bash e ingresar el comando y el link al repo

git clone https://github.com/OmarVenturaP/restaurent-food-web

• Finalmente puedes apoyarte de la extensión en Visual Studio Code live server para ejecutar el proyecto de manera local y validar su correcto funcionamiento:

Go Live