Simple Web App with Flask and Heroku - Python GUI for Beginners
YouTube Viewers YouTube Viewers
229K subscribers
213,049 views
0

 Published On Premiered Sep 25, 2021

In this tutorial, I will show you how to create a Web Application with Flask!
This video the also the first episode of The Battle of the App Frameworks, where 🀩🀩 YOU GET TO CHOOSE THE WINNER! 🀩🀩

Today we will create a simple "Hello World" Application with Flask, which includes:
* an HTML template containing the structure of a web page
* a CSS stylesheet containing design instructions
* a Python backend that communicates with a web server
And we will also πŸš€DEPLOYπŸš€ this application for free with Heroku! 😁

This tutorial covers all the basics of Flask, from start to finish! (excluding Javascript interactions, which we will leave for later 😜)

⏰ TIME STAMPS ⏰
00:00 - Battle of the App Frameworks
00:25 - Flask Overview
01:17 - Flask Directory Structure
01:52 - HTML Structure
06:52 - Python Backend
09:31 - Warning: this is a development server β›³
09:42 - Message Flashing
11:04 - A secret key is required
13:38 - CSS Styling
18:05 - CSS doesn't update - Clear Cache!
20:14 - Procfile and Requirements
22:42 - Deploy Flask App with Heroku
24:43 - Thanks for watching! :)

*********************************
🐍 IMPORTANT NOTES/LINKS 🐍

Install Flask 🌢
* Anaconda: conda install -c anaconda flask
* PyPI: pip install flask

Install Green Unicorn πŸ¦„
$ pip install gunicorn

Change Production Server to Development Server: β›³
$ export FLASK_APP=sayHello
$ export FLASK_ENV=development
$ flask run

Complete project on Github:
https://github.com/MariyaSha/greeting...

Link to logo from my Kivy App:
https://github.com/MariyaSha/SimpleGr...

Beautiful icons are by:
https://www.freepik.com/
https://www.flaticon.com/

show more

Share/Embed