From your command line, run the following to download the repo to your own computer:
$ git clone https://github.com/stanfordjournalism/flask-boilerplate-senator-faces.gitTo run the app, which starts a webserver on your own machine at the address (URL) of 127.0.0.1:5000 (aka localhost:5000:
$ cd flask-boilerplate-senator-faces
$ python app.pyBest way to get acquainted with the moving parts of this web application is to edit the code yourself.
Open the project folder in your text editor:
A web application can serve up plain old static HTML, i.e. a text file that never changes.
This app includes the Bootstrap 4 (Alpha) framework, which is documented here: https://v4-alpha.getbootstrap.com/
Jinja is a mini-programming language that allows the use of code in otherwise plain HTML files:
- http://jinja.pocoo.org/docs/2.9/templates/
- https://realpython.com/blog/python/primer-on-jinja-templating/
-
Add a proper 404 page
- An example of a badly routed system: https://www.reddit.com/r/politics/comments/6a0tqp/donald_trumps_muslim_ban_disappears_from_website/dhaxxz8/
- The pattern for
/press-releases/someblahblahblah/would not 404 but go to the press releases pages:
-
Let's create a non-dynamic route listing Senator twitter accounts
-
Let's create a dynamic route that lists all senators who were born on a given day
More step-by-step here: http://www.compjour.org/lessons/flask-single-page/hello-tiny-flask-app/
Senator images from: https://github.com/unitedstates/images
Legislator data: https://sunlightlabs.github.io/congress/#legislator-spreadsheet
The legislator data as a Google Spreadsheet.
Sen. Ted Cruz on ProPublica Represent
Flask app tutorial: http://www.compjour.org/homework/flask-app-101/