/section-week-13

Flask Search Form and Final Project

Primary LanguageHTML

Goals

  • Flask and Jinja Template
    • Let's create a basic UI for a search box!
  • Start your final project

Part 1

  • Make sure you have the packages in requirements.txt installed
  • Run app.py
  • Open browser to http://localhost:5000, and add /q?=University of Michigan to the location
  • Edit app.py and write code in index() function to get answer and result values
    • You will need to extract the value of q found in the location bar of your browser using Flask using: request.args.get('q'). request is different from requests library. request is current request that Flask receives from your browser, while requests library helps you make requests to external websites / API.
  • Look at templates/index.html. Can you understand what is happening in the file?
  • Instead of typing the query in the browser's address bar every time, let us make an input field that takes the question and shows the result in the same page.
    • Add a form that has an input with name="q" 
      <form action="/" method="GET">
    <label>
        <b>Ask the Duck</b>
        <input name="q" type="text" placeholder="Start typing..." />
    </label>
    <button type="submit">Send</button>
</form>

Part 2: Start your final project

  • Write code to get data from your API / Website
  • Use "dummy data" and create a visualization