freeCodeCamp/curriculum/challenges/english/10-coding-interview-prep/take-home-projects/build-a-pinterest-clone.md

38 lines
1.5 KiB
Markdown
Raw Normal View History

---
id: bd7158d8c443eddfaeb5bdee
title: Build a Pinterest Clone
challengeType: 4
forumTopicId: 302352
dashedName: build-a-pinterest-clone
---
# --description--
**Objective:** Build a [Replit](https://replit.com/) app that is functionally similar to this: <https://build-a-pinterest-clone.freecodecamp.rocks/>.
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
**User Story:** As an unauthenticated user, I can login with GitHub.
**User Story:** As an authenticated user, I can link to images.
**User Story:** As an authenticated user, I can delete images that I've linked to.
**User Story:** As an authenticated user, I can see a Pinterest-style wall of all the images I've linked to.
**User Story:** As an unauthenticated user, I can browse other users' walls of images.
**User Story:** As an authenticated user, if I upload an image that is broken, it will be replaced by a placeholder image. (can use jQuery broken image detection)
**Hint:** [Masonry.js](https://masonry.desandro.com/) is a library that allows for Pinterest-style image grids.
Once you've finished implementing these user stories, enter the URL to your live app and, optionally, your GitHub repository. Then click the "I've completed this challenge" button.
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--
```js
// solution required
```