38 lines
2.1 KiB
Markdown
38 lines
2.1 KiB
Markdown
---
|
|
id: bd7158d8c443eddfaeb5bdee
|
|
title: Build a Pinterest Clone
|
|
challengeType: 4
|
|
videoUrl: ''
|
|
localeTitle: Construir un clon de Pinterest
|
|
---
|
|
|
|
## Description
|
|
<section id="description"> <strong>Objetivo:</strong> crear una aplicación de <a href="https://glitch.com" target="_blank">Glitch</a> que sea funcionalmente similar a esta: <a href="https://wild-song.glitch.me/" target="_blank">https://wild-song.glitch.me</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> como usuario no autenticado, puedo iniciar sesión con GitHub. <strong>Historia de usuario:</strong> Como usuario autenticado, puedo vincular imágenes. <strong>Historia de usuario:</strong> como usuario autenticado, puedo eliminar las imágenes a las que he vinculado. <strong>Historia de usuario:</strong> como usuario autenticado, puedo ver un muro de estilo Pinterest con todas las imágenes a las que he vinculado. <strong>Historia de usuario:</strong> como usuario no autenticado, puedo explorar los muros de imágenes de otros usuarios. <strong>Historia de usuario:</strong> como usuario autenticado, si subo una imagen que está rota, será reemplazada por una imagen de marcador de posición. (puede usar jQuery detección de imágenes rotas) <strong>Sugerencia:</strong> <a href="http://masonry.desandro.com/" target="_blank">Masonry.js</a> es una biblioteca que permite cuadrículas de imágenes al estilo de Pinterest. Una vez que haya terminado de implementar estas historias de usuario, haga clic en el botón "He completado este desafío" e ingrese las URL para el repositorio de GitHub y la aplicación en vivo que se ejecuta en Heroku. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
|
|
|
|
## Instructions
|
|
<section id="instructions">
|
|
</section>
|
|
|
|
## Tests
|
|
<section id='tests'>
|
|
|
|
```yml
|
|
tests: []
|
|
|
|
```
|
|
|
|
</section>
|
|
|
|
## Challenge Seed
|
|
<section id='challengeSeed'>
|
|
|
|
</section>
|
|
|
|
## Solution
|
|
<section id='solution'>
|
|
|
|
```js
|
|
// solution required
|
|
```
|
|
</section>
|