Build a simple photo-sharing app

Setting Up a Skeleton Application

1. Set Up a Skeleton Application
1. Set Up a Skeleton Application

Watch the 4 video lectures above (Installing Rails, Creating a New App, Adding Pages and Adding Bootstrap). Go through the videos at your own pace to get set up with the skeleton app.

2. Start Your Project

After watching the videos and creating your application, go to the student projects section and click “Start Your Project”. Post a link to your project’s GitHub and Heroku page so that we can follow your project.

3. Cover the Basics with Codecademy (optional)

Once you've added your project in step 2 above, head over to the Ruby track on Codecademy and complete sections 1 and 2 (Introduction to Ruby and Control Flow in Ruby). While this optional, it's highly recommended and will allow you to make faster progress in this class and in life.
Share a link to your project’s GitHub + Heroku page
... this way we can follow your project as you build it!

Adding Users and Pins to Our App

1. Add Users and Pins
1. Add Users and Pins

Watch the video lectures above. Go through the videos at your own pace to set up Users and Pins in your application

2. Update Your Project

Remember to commit your changes to Git and push them to GitHub and Heroku so that we can follow along with your project.
Share your updated app for feedback
Remember to commit your changes to Git and push them to GitHub and Heroku so that we can follow along with your project.

Image Uploading and jQuery Masonry

1. Image Uploading and Styling
1. Image Uploading and Styling

Watch the video lectures above. Go through the videos at your own pace to add Paperclip for Image uploading and jQuery Masonry for styling to your app. Be sure to check out the additional resource titled 'Uploading Files to S3 in Ruby Using Paperclip' in order to make sure your image uploading works on Heroku.

2. Update Your Project

Remember to commit your changes to Git and push them to GitHub and Heroku so that we can follow along with your project.
Share your updated app for feedback
Remember to commit your changes to Git and push them to GitHub and Heroku so that we can follow along with your project.

Customization

1. Customize Your App
1. Customize Your App

Go through the resources at your own pace to add image uploading from URLs, infinite scrolling, user profile pages or whatever else you'd like.

2. Update Your Project

Remember to commit your changes to Git and push them to GitHub and Heroku so that we can follow along with your project.

3. Customize and Finish Your Project

After going through the previous 3 modules, get creative in customizing your own web application. Explore the additional resources provided for you to self-study and dive deeper for specific concepts you want to learn and teach yourself.
Share your final, customized app for feedback
Share your progress in your project section to get feedback from other students

Additional Resources

In this module we’ll cover the following topics...
- Installing Rails
- Creating an Application
- Getting set up with Git, Github and Heroku
- Generating a Controller
- Installing the Bootstrap Gem
Video Lectures
- Installing Rails
- Creating a New App
- Adding Pages
- Adding Bootstrap
Additional Resources
- RailsInstaller (If you’re on Linux or an unsupported system please follow the instructions for setting up Ruby, RubyGems, Rails and Git in Michael Hartl’s Ruby on Rails Tutorial)
- Bootstrap Documentation
In this module we’ll cover the following topics...
- Adding Users to your app with Devise
- Adding Pins to our app with Scaffolding
Video Lectures
Additional Resources
- Devise Documentation
In this module we’ll cover the following topics...
- Use to Paperclip gem to let users upload images
- Getting the Pinterest look with jQuery and jQuery Masonry
Video Lectures
- Image Uploading with Paperclip
- Styling with jQuery Masonry
Additional Resources
- jQuery Masonry
- Uploading Files to S3 in Ruby Using Paperclip
Are you ready for it? This week I'll point you to some resources for developing your app further – but for the most part, you're on your own. Some things you can decide to do at this point:
- Adding image uploading from URLs
- Upload seed data using the Faker Gem
- Infinite scroll
- User profile pages
Resources
To be eligible for a Top 3 App award and certificate of completion, your web application must be up on Heroku and GitHub for others to see.

Jason Coppola

President at Innovation Evolved

6

7