- Visión general | Overview
- Características | Features
- Cómo usar | How to use
- Agradecimientos | Acknowledgements
- Contacto | Contact
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.
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.
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
- Fetch Data from a JSON File in a React App
- How to Structure Your TypeScript React Application Using CRA.
- Sitio web | Website
- Codepen: @javiervaleriano
- Devchallenges.io
- GitHub: @javiervaleriano
- Twitter: @javaleriano2