38 lines
1.6 KiB
Markdown
38 lines
1.6 KiB
Markdown
---
|
|
id: bd7158d8c443eddfaeb5bdee
|
|
title: Costruisci un Clone di Pinterest
|
|
challengeType: 4
|
|
forumTopicId: 302352
|
|
dashedName: build-a-pinterest-clone
|
|
---
|
|
|
|
# --description--
|
|
|
|
**Obiettivo:** Costruisci un'app [Replit](https://replit.com/) funzionalmente simile a questa: [https://p2phttps://build-a-pinterest-clone.freecodecamp.rocks/](https://build-a-pinterest-clone.freecodecamp.rocks/).
|
|
|
|
Soddisfa le seguenti [user story](https://en.wikipedia.org/wiki/User_story). Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.
|
|
|
|
**User Story:** Come utente non autenticato, posso autenticarmi con GitHub.
|
|
|
|
**User Story:** Come utente autenticato, posso linkare a immagini.
|
|
|
|
**User Story:** Come utente autenticato, posso eliminare immagini che ho linkato.
|
|
|
|
**User Story:** Come utente autenticato, posso vedere un muro di immagini che ho linkato nello stile di Pinterest.
|
|
|
|
**User Story:** Come utente non autenticato, posso navigare i muri di immagini degli altri utenti.
|
|
|
|
**User Story:** Come utente autenticato, se carico una immagine rotta, sarà rimpiazzata da una immagine segnaposto. (puoi usare il rilevatore di immagini rotte di jQuery)
|
|
|
|
**Suggerimento:** [Masonry.js](https://masonry.desandro.com/) è una libreria che permette griglie di immagini nello stile di Pinterest.
|
|
|
|
Una volta terminata l'implementazione di queste user story, scrivi l'URL della tua app live e, opzionalmente, il tuo repository GitHub. Quindi clicca sul pulsante "Ho completato questa sfida".
|
|
|
|
Puoi ottenere un feedback sul tuo progetto condividendolo sul forum [freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
// solution required
|
|
```
|