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

---
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
```
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00			`---`
			`id: bd7158d8c443eddfaeb5bdee`
			`title: Build a Pinterest Clone`
			`challengeType: 4`
fix(curriculum): Added forumTopicId to remaining 1200 challeng… (#36558) 2019-08-05 09:17:33 -07:00			`forumTopicId: 302352`
feat(curriculum): restore seed + solution to Chinese (#40683) * feat(tools): add seed/solution restore script * chore(curriculum): remove empty sections' markers * chore(curriculum): add seed + solution to Chinese * chore: remove old formatter * fix: update getChallenges parse translated challenges separately, without reference to the source * chore(curriculum): add dashedName to English * chore(curriculum): add dashedName to Chinese * refactor: remove unused challenge property 'name' * fix: relax dashedName requirement * fix: stray tag Remove stray `pre` tag from challenge file. Signed-off-by: nhcarrigan <nhcarrigan@gmail.com> Co-authored-by: nhcarrigan <nhcarrigan@gmail.com> 2021-01-13 03:31:00 +01:00			`dashedName: build-a-pinterest-clone`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00			`---`

Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`# --description--`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
chore(replit): use correct brand name across codebase (#41941) * replace repl.it with replit.com in the English version Replace repl.it to replit.com in the English version. Chinese and Spanish versions have the same issue. * Updated the repl.it to replit.com or Replit I changed the text from replit.com to Replit and added the changes to the files outside the curriculum folder. * Forgot removing one .com. There was on Replit.com that I missed when I reviewed the files. * Resolve conflicts I got an unable to auto merge so resolving conflicts and trying again. * try committing conflicts again * Trying the conflicts again * chore: fix typo in personal library Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> Co-authored-by: gemmaf98 <44875585+gemmaf98@users.noreply.github.com> Co-authored-by: Mrugesh Mohapatra <1884376+raisedadead@users.noreply.github.com> Co-authored-by: Shaun Hamilton <51722130+ShaunSHamilton@users.noreply.github.com> 2021-04-29 06:13:38 -04:00			`Objective: Build a [Replit](https://replit.com/) app that is functionally similar to this: <https://build-a-pinterest-clone.freecodecamp.rocks/>.`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`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.`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`User Story: As an unauthenticated user, I can login with GitHub.`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`User Story: As an authenticated user, I can link to images.`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`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)`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`Hint: [Masonry.js](https://masonry.desandro.com/) is a library that allows for Pinterest-style image grids.`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
Feat: add new Markdown parser (#39800) and change all the challenges to new `md` format. 2020-11-27 19:02:05 +01:00			`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--`
feat(challenge-md): Add initial markdown challenge files 2018-09-30 23:01:58 +01:00
			```js
			`// solution required`
			```