/finstagram

tutorial for lighthouse labs web fundamentals

Primary LanguageRuby

finstagram

Welcome to the Lighthouse labs web fundamentals project!

We suggest our students use GitPod to work on this project in a cloud-based editor. This way they do not have to set up their machines with Ruby, Sinatra, and the various other web libraries that we will be covering with this project.

Environment Setup Instructions

  1. Sign up for GitPod
  2. Fork this repo using the FORK button in the top right on Github
  3. Open a new tab in your browser (preferably Google Chrome) and visit GitPod with the GitHub URL of your new code project: https://www.gitpod.io/#https://github.com/YOURUSERNAMEHERE/finstagram (Replace YOURUSERNAME with your actual GitHub username)

GitPod Setup Instructions

Project Setup (in GitPod)

  1. In the Terminal pane/tab, run gem install bundler. It should say "successfully installed bundler-2.0.2" (or a greater version number)
  2. In that same terminal tab, run bundle install. It will output many different lines, each representing a library (piece of code) that our project depends on. Near the end, you should expect to see green text saying "Bundle complete!"

Starting The Project (in GitPod)

  1. In a terminal pane/tab, run bin/serve to start the server. It should mention "Listening on port 3000" among other things
  2. In the top menu, Click View, then Open Ports. You should see port 3000 with a blue light next to it (to indicate that it is running our project on that port)
  3. Optional: If it shows the button Expose for that port, click that button
  4. You'll see Open Preview and Open Browser, either of which will allow you to open your project in a new window or tab or preview pane. Go ahead and click on your preference (or try both at first to see which one you prefer).

You're now set up and ready to work on this project!