windbnb

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

Demo | Solución / Solution | Desafío / Challenge

Table of Contents

• Visión general | Overview
  • Construido con | Built With
• Características | Features
• Cómo usar | How to use
• Agradecimientos | Acknowledgements
• Contacto | Contact

Visión general | Overview

Escritorio | Desktop

Móvil | Mobile

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

• React

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

• Fetch Data from a JSON File in a React App
• How to Structure Your TypeScript React Application Using CRA.

Contacto | Contact

• Sitio web | Website
• Codepen: @javiervaleriano
• Devchallenges.io
• GitHub: @javiervaleriano
• Twitter: @javaleriano2