https://github.com/aldamayorgadev/08-clone-airbnb

Clone de Landing page Airbnb
https://github.com/aldamayorgadev/08-clone-airbnb

css3 git git-flow gulpjs html5 javascript mobile-first responsive-web-design sass

Last synced: about 2 months ago
JSON representation

Clone de Landing page Airbnb

• Host: GitHub
• URL: https://github.com/aldamayorgadev/08-clone-airbnb
• Owner: AldaMayorgaDev
• Created: 2023-01-25T17:47:20.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-26T01:16:52.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T23:41:24.297Z (3 months ago)
• Topics: css3, git, git-flow, gulpjs, html5, javascript, mobile-first, responsive-web-design, sass
• Language: HTML
• Homepage: https://aldamayorgadev.github.io/08-Clone-Airbnb/
• Size: 3.54 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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 👀 

* 👀  [Proyecto]( https://aldamayorgadev.github.io/08-Clone-Airbnb/ )

## Reporte de Lighthouse 💡 



## 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

   ```sh

   git clone [email protected]:AldaMayorgaDev/08-Clone-Airbnb.git

   ```

2. Instalación de Packages NPM

   ```sh

   npm install

   ```

3. Ejecución del proyecto    

   ```sh

   gulp

   ```

   o

   ```sh

   gulp dev

   ```

## Autores ✒️

* **Aldahir Mayorga** - *Trabajo Inicial* - [AldaMayorgaDev](https://github.com/AldaMayorgaDev)

---

⌨️ Hecho con ❤️ por [AldaMayorgaDev](https://github.com/AldaMayorgaDev) 😊🚀 2023.