Call Forwarding with Ruby and Sinatra

January 10, 2017
Written by
Hector Ortega
Contributor
Opinions expressed by Twilio contributors are their own
Reviewed by
Paul Kamp
Twilion
Kat King
Twilion

Call_Forward_Landing

This Sinatra application uses Twilio to connect incoming phone calls to other phone numbers based on where the caller lives.  When a user dials in, we look up some information based upon their assumed location and trigger actions inside our application.

Your business might use this functionality to automatically route your customers to a regional office or to direct callers to a survey after their interaction with customer service. Our sample application connects callers to the offices of their U.S. senators.

Communication can be a powerful force for change. We’ve seen civic engagement rise as tools for civic engagement become increasingly available to an internet-connected and mobile society. In November of 2016, Emily Ellsworth shared some tips and tricks for getting your Congressperson’s attention with one big takeaway: calling works.

To run this sample app yourself, download the code and follow the README instructions on Github.

Let’s get started!

Configure your Twilio Application

For this application, we’ll be using the Twilio Ruby Helper Library to help us interact with the Twilio API. Our first step is to set up a Twilio account and the Sinatra application itself.

You’ll need to get a voice-capable Twilio phone number if you don’t already have one.

We’ve provided a sample set of data that can be loaded into your local database for testing and development. In our dataset, we’ve mapped states to senators, and we’ve mapped the senators to a few Twilio phone numbers for testing rather than actual senator phone numbers. Please note: this data set will likely be out of date by the time you use it, so we recommend you roll your own if you want to get the application production-ready.

This is a migrated tutorial. Clone the original code from https://github.com/TwilioDevEd/call-forwarding-sinatra/

require 'fileutils'
require 'pg'
require 'csv'
require 'json'

module DbSeedHelper

  def self.insertZipcodes(values, pg_conn)
    values_string = values.reject(&:empty?).join(',')
    pg_conn.exec "INSERT INTO zipcodes (zipcode, state) VALUES #{values_string}"
  end

  def self.parse_and_store_zipcodes(file_name, pg_conn)
    values = []
    CSV.foreach(file_name).with_index(1) do |row, line|
      if line > 1
        values << "(#{row[0]}, '#{row[3]}')"
      end
      if values.size > 50
        insertZipcodes(values, pg_conn)
        values = []
      end
    end
    insertZipcodes(values, pg_conn) if values.size > 0
  end

  def self.parse_and_store_senators_and_states(filename, pg_conn)
    senators_json = JSON.parse(File.read(filename))
    state_list = senators_json['states']
    state_list.each do |state|
      result = pg_conn.exec "INSERT INTO states (name) VALUES ('#{state}') RETURNING id"
      state_id = result[0]['id']
      senators_json[state].each do |senator|
        pg_conn.exec "INSERT INTO senators (state_id, name, phone) VALUES (#{state_id}, '#{senator['name']}', '#{senator['phone']}')"
      end if senators_json[state]
    end
  end
end

The last piece of the configuration puzzle is to create a webhook endpoint for our application to accept inbound calls. Once your database is configured and your app is up and running, go to the Twilio phone number you wish to use and configure the Voice URL to point to your application. In our sample code, the route is `/callcongress/welcome`.

Twilio webhook configuration

We recommend using ngrok to expose your local development environment to Twilio.

Handle the Inbound Twilio Request

Our Twilio number is now configured to send HTTP requests to the /welcome endpoint on all incoming voice calls. This Twilio request arrives with some useful parameters. For our use case, we’re most concerned with fromState, as it will help us make a best guess at our caller’s state of residence.

require 'sinatra/base'
require 'sinatra/config_file'
require 'sinatra/multi_route'
require_relative './helpers/datamapper_helper'

ENV['RACK_ENV'] ||= 'development'
require 'bundler'
Bundler.require :default, ENV['RACK_ENV'].to_sym

module CallForwarding
  class App < Sinatra::Base
    set :show_exceptions, false
    set :raise_errors, false
    set :root, File.dirname(__FILE__)

    register Sinatra::MultiRoute
    register Sinatra::ConfigFile
    config_file 'config/app.yml'

    DataMapperHelper.setup(settings.database_url)
    DataMapperHelper.seed_if_empty(settings.seed_folder)

    # home
    get '/' do
      erb :index
    end

    post '/callcongress/welcome' do
      # Verify or collect State information
      from_state = params['FromState']

      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      if from_state
        response.say("Thank you for calling congress! It looks like
                you\'re calling from #{from_state}.
                If this is correct, please press 1. Press 2 if
                this is not your current state of residence.")
        response.gather(numDigits: 1,
                        action: '/callcongress/set-state',
                        method: 'POST',
                        from_state: from_state)
      else
        response.say("Thank you for calling Call Congress! If you wish to
                call your senators, please enter your 5-digit zip code.")
        response.gather(numDigits: 5,
                        action: '/callcongress/state-lookup',
                        method: 'POST')
      end

      response.to_s
    end

    route :get, :post, '/callcongress/state-lookup' do
      # Look up state from given zipcode.
      # Once state is found, redirect to call_senators for forwarding.
      zip_digits = params['Digits']
      # NB: We don't do any error handling for a missing/erroneous zip code
      # in this sample application. You, gentle reader, should handle that
      # edge case before deploying this code.
      zip_obj = Zipcode.first(zipcode: zip_digits)

      call_senators(zip_obj.state)
    end

    route :get, :post, '/callcongress/set-state' do
      # Set state for senator call list.
      # Set user's state from confirmation or user-provided Zip.
      # Redirect to call_senators route.

      # Get the digit pressed by the user
      digits_provided = params['Digits']

      # Set state if State correct, else prompt for zipcode.
      if digits_provided == '1'
        state = params['FromState']
        call_senators(state)
      elsif digits_provided == '2'
        collect_zip
      end
    end

    route :get, :post, '/callcongress/call-second-senator/:senator_id' do
      # Forward the caller to their second senator.
      senator = Senator.get(params['senator_id'])

      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say "Connecting you to #{senator.name}"
      response.dial(number: senator.phone, action: '/callcongress/goodbye')
      response.to_s
    end

    route :get, :post, '/callcongress/goodbye' do
      # Thank user & hang up.
      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say("Thank you for using Call Congress!
               Your voice makes a difference. Goodbye.")
      response.hangup
      response.to_s
    end

    def collect_zip
      # Prompt user for zip code.
      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say "If you wish to call your senators, please
              enter your 5-digit zip code."
      response.gather(numDigits: 5,
                      action: '/callcongress/state-lookup',
                      method: 'POST')

      response.to_s
    end

    def call_senators(state)
      # Method connecting caller to both of their senators.
      senators = State.get_senators(state)

      content_type 'text/xml'
      first_call = senators[0]
      second_call = senators[1]
      response = Twilio::TwiML::VoiceResponse.new
      response.say("Connecting you to #{first_call.name}. "\
          "After the senator's office ends the call, you will "\
          "be re-directed to #{second_call.name}")
      response.dial(number: first_call.phone,
                    action: "/callcongress/call-second-senator/#{second_call.id}")
      response.to_s
    end
  end
end

In order to welcome our caller and properly direct them to their senators’ offices, we need to build out a response with TwiML.

Build the TwiML Response

Since the fromState parameter comes from the user’s phone rather than their actual geolocation, we want to make sure that we direct the caller to their state of residence. Let’s break down how we build out a response that both welcomes the caller and asks for confirmation of their state of residence.

``ruby require 'sinatra/base' require 'sinatra/config_file' require 'sinatra/multi_route' require_relative './helpers/datamapper_helper' ENV['RACK_ENV'] ||= 'development' require 'bundler' Bundler.require :default, ENV['RACK_ENV'].to_sym module CallForwarding class App < Sinatra::Base set :show_exceptions, false set :raise_errors, false set :root, File.dirname(__FILE__) register Sinatra::MultiRoute register Sinatra::ConfigFile config_file 'config/app.yml' DataMapperHelper.setup(settings.database_url) DataMapperHelper.seed_if_empty(settings.seed_folder) # home get '/' do erb :index end post '/callcongress/welcome' do # Verify or collect State information from_state = params['FromState'] content_type 'text/xml' response = Twilio::TwiML::VoiceResponse.new if from_state response.say("Thank you for calling congress! It looks like you're calling from #{from_state}. If this is correct, please press 1. Press 2 if this is not your current state of residence.") response.gather(numDigits: 1, action: '/callcongress/set-state', method: 'POST', from_state: from_state) else response.say("Thank you for calling Call Congress! If you wish to call your senators, please enter your 5-digit zip code.") response.gather(numDigits: 5, action: '/callcongress/state-lookup', method: 'POST') end response.to_s end route :get, :post, '/callcongress/state-lookup' do # Look up state from given zipcode. # Once state is found, redirect to call_senators for forwarding. zip_digits = params['Digits'] # NB: We don't do any error handling for a missing/erroneous zip code # in this sample application. You, gentle reader, should handle that # edge case before deploying this code. zip_obj = Zipcode.first(zipcode: zip_digits) call_senators(zip_obj.state) end route :get, :post, '/callcongress/set-state' do # Set state for senator call list. # Set user's state from confirmation or user-provided Zip. # Redirect to call_senators route. # Get the digit pressed by the user digits_provided = params['Digits'] # Set state if State correct, else prompt for zipcode. if digits_provided == '1' state = params['FromState'] call_senators(state) elsif digits_provided == '2' collect_zip end end route :get, :post, '/callcongress/call-second-senator/:senator_id' do # Forward the caller to their second senator. senator = Senator.get(params['senator_id']) content_type 'text/xml' response = Twilio::TwiML::VoiceResponse.new response.say "Connecting you to #{senator.name}" response.dial(number: senator.phone, action: '/callcongress/goodbye') response.to_s end route :get, :post, '/callcongress/goodbye' do # Thank user & hang up. content_type 'text/xml' response = Twilio::TwiML::VoiceResponse.new response.say("Thank you for using Call Congress! Your voice makes a difference. Goodbye.") response.hangup response.to_s end def collect_zip # Prompt user for zip code. content_type 'text/xml' response = Twilio::TwiML::VoiceResponse.new response.say "If you wish to call your senators, please enter your 5-digit zip code." response.gather(numDigits: 5, action: '/callcongress/state-lookup', method: 'POST') response.to_s end def call_senators(state) # Method connecting caller to both of their senators. senators = State.get_senators(state) content_type 'text/xml' first_call = senators[0] second_call = senators[1] response = Twilio::TwiML::VoiceResponse.new response.say("Connecting you to #{first_call.name}. " "After the senator's office ends the call, you will " "be re-directed to #{second_call.name}") response.dial(number: first_call.phone, action: "/callcongress/call-second-senator/#{second_call.id}") response.to_s end end end ```

We’ll start our TwiML response by reading a welcome message to the caller with <Say>. Then we use <Gather> to ask the user to confirm their state of residence by pressing 1 or 2.

Once Twilio gathers this information, it will POST the caller’s input to our route specified on the action parameter so that we can better route the user through our application.

Handle a Missing State

If for some reason the inbound request to Twilio doesn’t contain a fromState value, we need to get a little more information from the caller before we proceed.

require 'sinatra/base'
require 'sinatra/config_file'
require 'sinatra/multi_route'
require_relative './helpers/datamapper_helper'

ENV['RACK_ENV'] ||= 'development'
require 'bundler'
Bundler.require :default, ENV['RACK_ENV'].to_sym

module CallForwarding
  class App < Sinatra::Base
    set :show_exceptions, false
    set :raise_errors, false
    set :root, File.dirname(__FILE__)

    register Sinatra::MultiRoute
    register Sinatra::ConfigFile
    config_file 'config/app.yml'

    DataMapperHelper.setup(settings.database_url)
    DataMapperHelper.seed_if_empty(settings.seed_folder)

    # home
    get '/' do
      erb :index
    end

    post '/callcongress/welcome' do
      # Verify or collect State information
      from_state = params['FromState']

      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      if from_state
        response.say("Thank you for calling congress! It looks like
                you\'re calling from #{from_state}.
                If this is correct, please press 1. Press 2 if
                this is not your current state of residence.")
        response.gather(numDigits: 1,
                        action: '/callcongress/set-state',
                        method: 'POST',
                        from_state: from_state)
      else
        response.say("Thank you for calling Call Congress! If you wish to
                call your senators, please enter your 5-digit zip code.")
        response.gather(numDigits: 5,
                        action: '/callcongress/state-lookup',
                        method: 'POST')
      end

      response.to_s
    end

    route :get, :post, '/callcongress/state-lookup' do
      # Look up state from given zipcode.
      # Once state is found, redirect to call_senators for forwarding.
      zip_digits = params['Digits']
      # NB: We don't do any error handling for a missing/erroneous zip code
      # in this sample application. You, gentle reader, should handle that
      # edge case before deploying this code.
      zip_obj = Zipcode.first(zipcode: zip_digits)

      call_senators(zip_obj.state)
    end

    route :get, :post, '/callcongress/set-state' do
      # Set state for senator call list.
      # Set user's state from confirmation or user-provided Zip.
      # Redirect to call_senators route.

      # Get the digit pressed by the user
      digits_provided = params['Digits']

      # Set state if State correct, else prompt for zipcode.
      if digits_provided == '1'
        state = params['FromState']
        call_senators(state)
      elsif digits_provided == '2'
        collect_zip
      end
    end

    route :get, :post, '/callcongress/call-second-senator/:senator_id' do
      # Forward the caller to their second senator.
      senator = Senator.get(params['senator_id'])

      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say "Connecting you to #{senator.name}"
      response.dial(number: senator.phone, action: '/callcongress/goodbye')
      response.to_s
    end

    route :get, :post, '/callcongress/goodbye' do
      # Thank user & hang up.
      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say("Thank you for using Call Congress!
               Your voice makes a difference. Goodbye.")
      response.hangup
      response.to_s
    end

    def collect_zip
      # Prompt user for zip code.
      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say "If you wish to call your senators, please
              enter your 5-digit zip code."
      response.gather(numDigits: 5,
                      action: '/callcongress/state-lookup',
                      method: 'POST')

      response.to_s
    end

    def call_senators(state)
      # Method connecting caller to both of their senators.
      senators = State.get_senators(state)

      content_type 'text/xml'
      first_call = senators[0]
      second_call = senators[1]
      response = Twilio::TwiML::VoiceResponse.new
      response.say("Connecting you to #{first_call.name}. "\
          "After the senator's office ends the call, you will "\
          "be re-directed to #{second_call.name}")
      response.dial(number: first_call.phone,
                    action: "/callcongress/call-second-senator/#{second_call.id}")
      response.to_s
    end
  end
end

This code should look familiar to you. If we don’t detect a fromState we utilize <Gather> as we <Say> a message that asks for the caller’s zip code. This time we accept 5 digits (the length of a zip code) and trigger a state lookup by zip code.

Connect the Caller to their First Senator

Now that we know our caller’s state of residence, we can look up their senators and forward the call to the appropriate phone number.

Similar to the previous route, we <Say> a brief message to tell the caller that they’re being connected to a senator. Then, we <Dial> the first senator, making sure to add an action that will route the caller back to our application when the first call ends.

require 'sinatra/base'
require 'sinatra/config_file'
require 'sinatra/multi_route'
require_relative './helpers/datamapper_helper'

ENV['RACK_ENV'] ||= 'development'
require 'bundler'
Bundler.require :default, ENV['RACK_ENV'].to_sym

module CallForwarding
  class App < Sinatra::Base
    set :show_exceptions, false
    set :raise_errors, false
    set :root, File.dirname(__FILE__)

    register Sinatra::MultiRoute
    register Sinatra::ConfigFile
    config_file 'config/app.yml'

    DataMapperHelper.setup(settings.database_url)
    DataMapperHelper.seed_if_empty(settings.seed_folder)

    # home
    get '/' do
      erb :index
    end

    post '/callcongress/welcome' do
      # Verify or collect State information
      from_state = params['FromState']

      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      if from_state
        response.say("Thank you for calling congress! It looks like
                you\'re calling from #{from_state}.
                If this is correct, please press 1. Press 2 if
                this is not your current state of residence.")
        response.gather(numDigits: 1,
                        action: '/callcongress/set-state',
                        method: 'POST',
                        from_state: from_state)
      else
        response.say("Thank you for calling Call Congress! If you wish to
                call your senators, please enter your 5-digit zip code.")
        response.gather(numDigits: 5,
                        action: '/callcongress/state-lookup',
                        method: 'POST')
      end

      response.to_s
    end

    route :get, :post, '/callcongress/state-lookup' do
      # Look up state from given zipcode.
      # Once state is found, redirect to call_senators for forwarding.
      zip_digits = params['Digits']
      # NB: We don't do any error handling for a missing/erroneous zip code
      # in this sample application. You, gentle reader, should handle that
      # edge case before deploying this code.
      zip_obj = Zipcode.first(zipcode: zip_digits)

      call_senators(zip_obj.state)
    end

    route :get, :post, '/callcongress/set-state' do
      # Set state for senator call list.
      # Set user's state from confirmation or user-provided Zip.
      # Redirect to call_senators route.

      # Get the digit pressed by the user
      digits_provided = params['Digits']

      # Set state if State correct, else prompt for zipcode.
      if digits_provided == '1'
        state = params['FromState']
        call_senators(state)
      elsif digits_provided == '2'
        collect_zip
      end
    end

    route :get, :post, '/callcongress/call-second-senator/:senator_id' do
      # Forward the caller to their second senator.
      senator = Senator.get(params['senator_id'])

      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say "Connecting you to #{senator.name}"
      response.dial(number: senator.phone, action: '/callcongress/goodbye')
      response.to_s
    end

    route :get, :post, '/callcongress/goodbye' do
      # Thank user & hang up.
      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say("Thank you for using Call Congress!
               Your voice makes a difference. Goodbye.")
      response.hangup
      response.to_s
    end

    def collect_zip
      # Prompt user for zip code.
      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say "If you wish to call your senators, please
              enter your 5-digit zip code."
      response.gather(numDigits: 5,
                      action: '/callcongress/state-lookup',
                      method: 'POST')

      response.to_s
    end

    def call_senators(state)
      # Method connecting caller to both of their senators.
      senators = State.get_senators(state)

      content_type 'text/xml'
      first_call = senators[0]
      second_call = senators[1]
      response = Twilio::TwiML::VoiceResponse.new
      response.say("Connecting you to #{first_call.name}. "\
          "After the senator's office ends the call, you will "\
          "be re-directed to #{second_call.name}")
      response.dial(number: first_call.phone,
                    action: "/callcongress/call-second-senator/#{second_call.id}")
      response.to_s
    end
  end
end

The action attribute is great for redirecting a call in progress and is the backbone of our call forwarding use case.

However, it’s important to note that the action will only execute after the dialed party (in our case, the caller’s senator) ends the call. Twilio will continue to forward the original caller but they must stay on the line throughout the entire process.

Forward to the Next Senator and End the Call

Once the first senator ends the call with our user, the caller is forwarded to their second state senator. Just as we did in the previous route, we’ll include an action attribute that redirects the caller to a final bit of TwiML.

require 'sinatra/base'
require 'sinatra/config_file'
require 'sinatra/multi_route'
require_relative './helpers/datamapper_helper'

ENV['RACK_ENV'] ||= 'development'
require 'bundler'
Bundler.require :default, ENV['RACK_ENV'].to_sym

module CallForwarding
  class App < Sinatra::Base
    set :show_exceptions, false
    set :raise_errors, false
    set :root, File.dirname(__FILE__)

    register Sinatra::MultiRoute
    register Sinatra::ConfigFile
    config_file 'config/app.yml'

    DataMapperHelper.setup(settings.database_url)
    DataMapperHelper.seed_if_empty(settings.seed_folder)

    # home
    get '/' do
      erb :index
    end

    post '/callcongress/welcome' do
      # Verify or collect State information
      from_state = params['FromState']

      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      if from_state
        response.say("Thank you for calling congress! It looks like
                you\'re calling from #{from_state}.
                If this is correct, please press 1. Press 2 if
                this is not your current state of residence.")
        response.gather(numDigits: 1,
                        action: '/callcongress/set-state',
                        method: 'POST',
                        from_state: from_state)
      else
        response.say("Thank you for calling Call Congress! If you wish to
                call your senators, please enter your 5-digit zip code.")
        response.gather(numDigits: 5,
                        action: '/callcongress/state-lookup',
                        method: 'POST')
      end

      response.to_s
    end

    route :get, :post, '/callcongress/state-lookup' do
      # Look up state from given zipcode.
      # Once state is found, redirect to call_senators for forwarding.
      zip_digits = params['Digits']
      # NB: We don't do any error handling for a missing/erroneous zip code
      # in this sample application. You, gentle reader, should handle that
      # edge case before deploying this code.
      zip_obj = Zipcode.first(zipcode: zip_digits)

      call_senators(zip_obj.state)
    end

    route :get, :post, '/callcongress/set-state' do
      # Set state for senator call list.
      # Set user's state from confirmation or user-provided Zip.
      # Redirect to call_senators route.

      # Get the digit pressed by the user
      digits_provided = params['Digits']

      # Set state if State correct, else prompt for zipcode.
      if digits_provided == '1'
        state = params['FromState']
        call_senators(state)
      elsif digits_provided == '2'
        collect_zip
      end
    end

    route :get, :post, '/callcongress/call-second-senator/:senator_id' do
      # Forward the caller to their second senator.
      senator = Senator.get(params['senator_id'])

      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say "Connecting you to #{senator.name}"
      response.dial(number: senator.phone, action: '/callcongress/goodbye')
      response.to_s
    end

    route :get, :post, '/callcongress/goodbye' do
      # Thank user & hang up.
      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say("Thank you for using Call Congress!
               Your voice makes a difference. Goodbye.")
      response.hangup
      response.to_s
    end

    def collect_zip
      # Prompt user for zip code.
      content_type 'text/xml'
      response = Twilio::TwiML::VoiceResponse.new
      response.say "If you wish to call your senators, please
              enter your 5-digit zip code."
      response.gather(numDigits: 5,
                      action: '/callcongress/state-lookup',
                      method: 'POST')

      response.to_s
    end

    def call_senators(state)
      # Method connecting caller to both of their senators.
      senators = State.get_senators(state)

      content_type 'text/xml'
      first_call = senators[0]
      second_call = senators[1]
      response = Twilio::TwiML::VoiceResponse.new
      response.say("Connecting you to #{first_call.name}. "\
          "After the senator's office ends the call, you will "\
          "be re-directed to #{second_call.name}")
      response.dial(number: first_call.phone,
                    action: "/callcongress/call-second-senator/#{second_call.id}")
      response.to_s
    end
  end
end

Once the call with the second senator ends our user will hear a short message thanking them for their call. We then end the call with <Hangup>.

Where to Next?

That’s it! You should be able to start your development server with ngrok, dial your Twilio number, and be routed to your senators!

But wait… this isn’t actually your senator’s phone number, remember? We seeded our sample application’s database with some placeholder phone numbers with lightweight TwiML endpoints, so there’s still some work to be done to flesh out this application before it’s production-ready.

If your production case matches our demo's, ProPublica’s API grants access to a wealth of government data, including senators’ states and phone numbers. You may find yourself inspired to build out even more functionality for your civically engaged users. 

Interested in building something even bigger? See how twilio.org is helping people use messaging, voice, and video to advance their causes by connecting people and resources around the world.

Whatever your use case, we hope you feel empowered to use what you've learned here to seamlessly forward your users' calls.

You might also enjoy these other tutorials:

Click to Call with Ruby and Rails

Convert web traffic into phone calls with the click of a button.

Warm Transfers with Ruby and Rails

Use Twilio powered warm transfers to help your agents dial in others in real time.

Did this help?

Thanks for checking out this tutorial. If you have any feedback to share with us, please reach out to us on Twitter and let us know what you’re building!