Basejump: Build a Pinterest Clone

  • Post comments:2 Comments



We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com

Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Follow us on Twitch: twitch.tv/freecodecamp

Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp

Like us on Facebook: https://www.facebook.com/freecodecamp

Star us on GitHub: https://github.com/freecodecamp/freecodecamp

Objective: Build a full stack JavaScript app that successfully reverse-engineers this: http://stark-lowlands-3680.herokuapp.com/ and deploy it to Heroku.

Note that for each Basejump, you should create a new GitHub repository and a new Heroku project. If you can’t remember how to do this, revisit http://freecodecamp.com/challenges/get-set-for-basejumps.

As you build your app, you should frequently commit changes to your codebase. You can do this by running git commit -am “your commit message”. Note that you should replace “your commit message” with a brief summary of the changes you made to your code.

You can push these new commits to GitHub by running git push origin master, and to Heroku by running grunt –force && grunt buildcontrol:heroku.

Here are the specific User Stories you should implement for this Basejump:

User Story: As an unauthenticated user, I can login with Twitter.

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.

Bonus 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 is a library that allows for Pinterest-style image grids.

If you need further guidance on using Yeoman Angular-Fullstack Generator, check out: https://github.com/clnhll/guidetobasejumps.

source

This Post Has 2 Comments

  1. Blazertron

    How would you stop people from posting inappropriate content? Because it shows up immediately, would you have to hire someone to moderate?

  2. Sam Deacon

    hmm I can understand the database entries/info to be parsed and displayed. not 100% on the best way to manage user uploaded >images< and the best way to store them? (Uhhh image files in a database??)

Leave a Reply