Skip to content

AldaMayorgaDev/08-Clone-Airbnb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Landing Page de Clone - Airbnb 🏡🛖⛺️🏕

Índice📚

  • Acerca de 💻
  • Construido con 🛠️
  • Deploy 🚀
  • Vista previa del proyecto 👀
  • Reporte de Lighthouse 💡
  • Instalación, configuración y ejecución 🧰

Acerca de 💻

Este proyecto consiste en la creación un clone de una landing page de Airbnb utilizando HTML, CSS, JavaScritp, SASS, aprendiendo buenas prácticas, implementando responsive design con un enfoque Mobile First a través de Media Queries, uso de mixins y gulp.js Asi mismo, este proyecto se desarrollo utilizando el flujo de trabajo y control de versiones con git además el CSS ha sido escrito utilizando el enfoque de la metodologia estilos CSS BEM:

  • .Bloque{}
  • .Bloque__Elemento{}
  • .Bloque__Elemento--Modificador{}.

Construido con 🛠️

Las técnologias utilizadas para el desarrollo fueron:

  • HTML
  • CSS
  • Flex-box
  • CSS Grid
  • SASS
  • JavaScript

Deploy 🚀

  • El deployment del proyecto se ha realizando en las plataformas:
    • GitHub Pages.
    • netlify.com

Vista previa del proyecto 👀

Reporte de Lighthouse 💡

Captura de Pantalla 2023-01-25 a la(s) 19 12 31

Instalación, configuración y ejecución 🧰

A continuación se muestra un ejemplo de cómo es el proceso de instalación y configuración de la aplicación.

  1. Clonar el repositorio

    git clone git@github.com:AldaMayorgaDev/08-Clone-Airbnb.git
  2. Instalación de Packages NPM

    npm install
  3. Ejecución del proyecto

    gulp

    o

    gulp dev

Autores ✒️


⌨️ Hecho con ❤️ por AldaMayorgaDev 😊🚀 2023.