/super-sinatra-forms-web-0715-public

Primary LanguageRubyOtherNOASSERTION

Superheroes!

Description

In this lab, you'll practice building nested forms in Sinatra for creating teams of superheros. No database is required, but feel free to add persistence after you have successfully completed the instructions below.

Instructions

  1. bundle install
  2. bundle exec shotgun

Make a form

  1. Create a route that responds to a GET request at /.
  2. Create a view with a form and render it in the GET / route.
  3. The form should have fields for the name of a superhero team and their motto.
  4. There should be form inputs for each of the three superhero member's name, power, and bio.

It should look something like this:

Imgur

Handle form submission

  1. Create a route that responds to a POST request at /teams
  2. Have the form send a POST request to this route.
  3. Upon submission, render a template that displays the submitted team data and each member's data.

Final Output

Your params should be nested. For example, you would access the first super-hero's name as:

params["team"]["members"][0][name]

When you post to this form you should render a page that displays the name of the team and each member of the team, along with their name, super power and bio.

Your view should display something like this:

Imgur

Deliverables

Pass the tests!

Resources