Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andresin87/enalquiler

enAlquiler access
https://github.com/andresin87/enalquiler

Last synced: 21 days ago
JSON representation

enAlquiler access

Host: GitHub
URL: https://github.com/andresin87/enalquiler
Owner: andresin87
License: mit
Created: 2017-01-18T09:27:10.000Z (about 8 years ago)
Default Branch: master
Last Pushed: 2017-01-19T10:46:45.000Z (about 8 years ago)
Last Synced: 2024-12-04T04:42:50.166Z (3 months ago)
Language: JavaScript
Size: 3.47 MB
Stars: 0
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        ![enAlquiler](https://gitcdn.xyz/repo/andresin87/enAlquiler/master/assets/enAlquiler.svg)

## EJERCICIO JS DEVELOPER

Esta prueba tiene como finalidad evaluar las habilidades de front, más concretamente de  programación en Javascript, del candidato.

### Requisitos

- Solamente se pide la parte de cliente. Se te proporcionará una API a la que acceder para obtener los datos.

- Puedes utilizar cualquier librería, pero se primará la utilización de la librería React junto con ES6 para resolver la prueba.

- Intenta optimizar el rendimiento de la aplicación, tanto en la carga de ella como en la funcionalidad.

### Descripción de la prueba

Se te proporcionará una API

[http://private-d5eaa-test9068.apiary-mock.com/properties](http://private-d5eaa-test9068.apiary-mock.com/properties)

Esta API devolverá un listado de viviendas con una serie de datos, incluyendo la imágen, y descripción (Si vas a la URL podrás ver todos estos datos). Se pide crear una aplicación que lea el listado de viviendas de la api y renderice por cada vivienda obtenida de la llamada un bloque similar al siguiente:

![image00](https://gitcdn.xyz/repo/andresin87/enAlquiler/master/assets/image00.png)

La aplicación deberá:

- Mostrar un elemento select con label “Ordenar por”, que contendrá los siguientes valores:

  - Orden por defecto: Cuando esté seleccionado mostrará las viviendas sin ningún orden en particular, conforme lleguen de la petición a la API.

  - Orden por precio ASC: Ordenará las viviendas por precio ascendente.

  - Orden por precio DESC: Ordenará las viviendas por precio descendente.

  - Orden por número de habitaciones: Ordenará las viviendas por número de habitaciones de mayor a menor.

- Deberá haber también un campo de texto con etiqueta “Buscar”. Si está vacío se mostrarán todas las viviendas, si tiene texto se mostrarán únicamente las viviendas cuyo título sea una subcadena del texto que haya en el campo.

#### Duración y envío de la prueba

La duración de la prueba es de 4 horas. Una vez la hayas finalizado envianosla al siguiente mail: [[email protected]]([email protected])

Si no la has finalizado completamente no te preocupes, envíanos lo que tengas y nosotros lo evaluaremos ;)

![image01](https://gitcdn.xyz/repo/andresin87/enAlquiler/master/assets/image01.jpg)

## TECNOLOGIAS

|   | Versión |

|---|---|

| ![EcmaScript](https://gitcdn.xyz/repo/vorillaz/devicons/master/!SVG/js_badge.svg) | ES2017 |

| ![Node](https://gitcdn.xyz/repo/vorillaz/devicons/master/!SVG/nodejs_small.svg) | 6.3.1 |

| ![npm](https://gitcdn.xyz/repo/vorillaz/devicons/master/!SVG/npm.svg) | 3.10.3 |

| ![react](https://gitcdn.xyz/repo/vorillaz/devicons/master/!SVG/react.svg) | 15.0.0 |

## ![Yeoman](https://raw.githack.com/andresin87/enAlquiler/master/assets/Yeoman.svg) BOILERPLATE

[https://github.com/react-webpack-generators/generator-react-webpack](https://github.com/react-webpack-generators/generator-react-webpack)

## ENALCE

[https://andresin87.github.io/enAlquiler/](https://andresin87.github.io/enAlquiler/)

## Soporte

![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![IE](https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Internet_Explorer_10_logo.svg/48px-Internet_Explorer_10_logo.svg.png) |

--- | --- | --- | --- | --- | --- |

Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 8+ ✔ |

## INSTRUCCIONES

1.- Instala las dependencias:

```

npm install

```

2.- Arranca en localhost (entorno desarrollo)

```

npm run start

```

(3.- Para la versión producción)

 ```

 npm run build

 ```

...los archivos se encontraran en el directorio `dist`