Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/skylar-lorena/superheroes
Building nested forms in Sinatra for creating teams of superheroes.
https://github.com/skylar-lorena/superheroes
object-oriented-programming oop-in-ruby rails rails-api rails-application ruby ruby-on-rails
Last synced: 1 day ago
JSON representation
Building nested forms in Sinatra for creating teams of superheroes.
- Host: GitHub
- URL: https://github.com/skylar-lorena/superheroes
- Owner: Skylar-Lorena
- License: other
- Created: 2022-08-21T05:47:57.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-08-21T05:51:38.000Z (over 2 years ago)
- Last Synced: 2024-12-20T22:23:39.147Z (1 day ago)
- Topics: object-oriented-programming, oop-in-ruby, rails, rails-api, rails-application, ruby, ruby-on-rails
- Language: Ruby
- Homepage:
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Sinatra Nested Forms Lab: Superheroes!
## Overview
In this lab, you'll practice building nested forms in Sinatra for creating teams of superheroes. No database is required, but feel free to add persistence *after* you have successfully completed the instructions below.
## Instructions
### 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:
### 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.
2. 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, in order to see all the superheroes for the team you just created you would enter:
```ruby
params["team"]["members"]
```
If you wanted to access the first superhero's name, you would enter:
```ruby
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:
## Deliverables
Pass the tests! You'll notice in `super_sinatra_spec.rb` in the`it submits the form` test for `'POST /teams'`, we use the Capybara method `fill_in`:
```ruby
fill_in("member1_name", :with => "Amanda")
fill_in("member1_power", :with => "Ruby")
fill_in("member1_bio", :with => "I love Ruby!")
```
The same pattern follows for the second and third superheroes. The word in quotes after `fill_in` needs to be set as an ID in the form to create the superheroes:
```html
```
***NOTE***: If you run into any trouble with Sinatra's default configuration, such as needing to set the `views` directory for a particular controller (or to something other than the default `views` folder at the top level of your application directory), take a spin through the [Sinatra configuration documentation](http://www.sinatrarb.com/configuration.html), the [Getting Started guide](http://www.sinatrarb.com/intro), or the old standbys, Google and StackOverflow.
## Resources
* [Ashley William's GitHub](https://github.com/ashleygwilliams/) - [Sinatra Form Party](https://github.com/ashleygwilliams/sinatra-form-party)
* [Ashley William's GitHub](https://github.com/ashleygwilliams/) - [Citibike Sinatra](https://github.com/ashleygwilliams/citibike-sinatra)
View Sinatra Nested Forms Lab: Superheroes! on Learn.co and start learning to code for free.