donutdespair / complimentgenerator Goto Github PK

You have been tasked with creating your own version of Emergency Compliment, except with WDI-themed compliments. When a user visits the site, they should be greeted with a WDI-themed compliment to cheer them up.

• Practice serving static & templated content using Sinatra

The file directory structure has been provided for you; however, all or most of these files are mostly empty. Look back to your notes from Thursday to see what belongs in each file (hint: Magnum,Blue Steel).

Completion for tonight's assignment is to get through part 3. More is better, but it's a weekend, enjoy yourselves. We'll try to make ourselves available on Slack to help anyone with questions. If you're really having trouble, stay tuned, a screencast will be coming out Friday night to assist y'all.

• Sinatra Docs

When you visit the root ("/") of your app, it should render the index view and display:

• a generic greeting
• a randomly chosen compliment (sample comments below)
• an achor (<a>) tag that links back to the root ("/") and displays the text "I'm still emotionally vacant. Give me another compliment."
• another anchor tag, but this one displaying the text "I'm ready to soldier on.", and takes the user to the Ruby docs when clicked.

# some sample compliments
compliments = [
  "People behind you in class think you are the perfect height.",
  "Your instructors think you're amazing.",
  "Your posture during breaks effectively masks your exhaustion.",
  "Your commit messages are an inspiration to us all",
  "Your fingers are magic on the keys",
  "You are the moon of my life...my sun and stars"
]

When you visit "/:name" (ie: "/josh"), the greeting should personalize itself to the provided name. There should still be a random compliment.

Greetings Josh, Your fingers are magic on the keys..

Style really hard with css.

Make it so that anytime the page is loaded or refreshed, the background color changes.

• HTTP and Networking
  • Simple HTTP Definition
  • More Complex HTTP Description
  • Simple Client-Server Definition
• Rack
• Sinatra
  • Documentation
  • Source