38 lines
2.9 KiB
Markdown
38 lines
2.9 KiB
Markdown
|
---
|
|||
|
|
id: bd7158d8c443eddfaeb5bdee
|
|||
|
|
title: Cтворіть копію Pinterest
|
|||
|
|
challengeType: 4
|
|||
|
|
forumTopicId: 302352
|
|||
|
|
dashedName: build-a-pinterest-clone
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# --description--
|
|||
|
|
|
|||
|
|
** Ціль: ** Створити [ Replit](https://replit.com/) застосунок, який функціонально схожий на цей: <https://build-a-pinterest-clone.freecodecamp.rocks/>.
|
|||
|
|
|
|||
|
|
Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
|
|||
|
|
|
|||
|
|
**Історія користувача:** Як неавторизований користувач, я можу увійти за допомогою GitHub.
|
|||
|
|
|
|||
|
|
** Історія користувача: ** Як авторизований користувач, я можу посилатися на зображення.
|
|||
|
|
|
|||
|
|
** Історія користувача: ** Як авторизований користувач, я можу видаляти зображення на які я розміщував посилання.
|
|||
|
|
|
|||
|
|
**Історія користувача: ** Як авторизований користувач, я можу бачити стінку в стилі Pinterest з усіма зображеннями, на які я посилався.
|
|||
|
|
|
|||
|
|
**Історія користувача:** Як неавторизований користувач, я можу переглядати стінки з зображеннями інших користувачів.
|
|||
|
|
|
|||
|
|
**Історія користувача:** Як авторизований користувач, якщо я завантажу неробоче зображення, то отримаю в результаті його заміну на зображення-заповнювач. (Ви можете скористатися детектором зламаних зображень jQuery)
|
|||
|
|
|
|||
|
|
**Підказка: **[Masonry.js](https://masonry.desandro.com/) - це бібліотека, яка дозволяє створювати сітки зображень у стилі Pinterest.
|
|||
|
|
|
|||
|
|
Як тільки ви завершите імплементацію цих історій користувача, введіть URL-адресу вашого онлайн додатку і, за бажанням, вашого GitHub репозиторію. Тоді натисніть кнопку "Я завершив це завдання".
|
|||
|
|
|
|||
|
|
Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
|
|||
|
|
|
|||
|
|
# --solutions--
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
// solution required
|
|||
|
|
```
|