Skip to content

javiervaleriano/windbnb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

windbnb

Solución para un desafío de Devchallenges.io. | Solution for a challenge from Devchallenges.io.

Table of Contents

Visión general | Overview

Escritorio | Desktop

Vista de escritorio 1 | Desktop view 1 Vista de escritorio 2 | Desktop view 2 Vista de escritorio 3 | Desktop view 3 Vista de escritorio 4 | Desktop view 4

Móvil | Mobile

Vista de móvil 1 | Mobile view 1

Vista de móvil 2 | Mobile view 2

Vista de móvil 3 | Mobile view 3

Vista de móvil 4 | Mobile view 4

lang="es": Hola, persona que está viendo mi proyecto :) Este desarrollo fue muy bueno y me gustó mucho porque este es mi primer proyecto en el que utilicé oficialmente TypeScript. He mejorado mi entendimiento en este superset de JavaScript que es nuevo para mí y el desarrollo de este desafío me ayudó a generar una UI un poco más profesional en comparación a los anteriores que he hecho hasta el momento.

Realmente estos proyectos son la oportunidad perfecta para fortalecer y poner en práctica aquello nuevo que se ha aprendido o se quiere reforzar.

lang="en": Hello, person who is watching my project :) This development was very good and I really liked it because this is my first project where I officially used TypeScript. I have improved my understanding in this superset of JavaScript which is new to me and the development of this challenge helped me to generate a bit more professional UI compared to the previous ones I have done so far.

Construido con | Built With

Características | Features

lang="es": Esta aplicación/sitio fue creada como una presentación a un desafío de DevChallenges. El reto consistía en construir una aplicación para completar las historias de usuario dadas:

lang="en": This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories:

  • User story: Puedo ver una lista de propiedades | I can see a list of properties
  • User story: Puedo ver la ficha de la propiedad con el nombre, la calificación, el tipo de apartamento y el superanfitrión | I can see the property card with a name, rating, apartment type, and super host
  • User story: Puedo abrir el cajón del filtro | I can open the filter drawer
  • User story: Puedo filtrar propiedades por ubicación y cantidad de huéspedes | I can filter properties by location and number of guests
  • User story: Puedo ver el número de elementos filtrados | I can see the number of filtered items
  • User story: Puedo ver las páginas acorde a los diseños dados | I can see pages following given designs.

Cómo usar | How To Use

lang="es": Para clonar y ejecutar esta aplicación, necesitarás Git y Node.js (que viene con npm) instalados en tu ordenador. Desde tu línea de comandos:

# Clona este repositorio
$ git clone https://github.com/javiervaleriano/windbnb

# Instala las dependencias
$ npm install

# Ejecuta la aplicación
$ npm start

lang="en": To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/javiervaleriano/windbnb

# Install dependencies
$ npm install

# Run the app
$ npm start

Agradecimientos | Acknowledgements

Contacto | Contact