Simple Web App with Flask and Heroku – Python GUI for Beginners

Channel Avatar
Comment
X
Share
Simple Web App with Flask and Heroku - Python GUI for Beginners
Simple Web App with Flask and Heroku – Python GUI for Beginners
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_APPsayHello
export FLASK_ENVdevelopment
flask run

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

Link to logo from my Kivy App:
https://github.com/MariyaSha/SimpleGreetingApp/blob/main/logo.png

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

Take the opportunity to connect and share this video with your friends and family if you find it useful.

Keywords: flask, gui, ui, python programming, python gui, python ui, python flask, flask gui

Read Also

Leave a Reply

Your email address will not be published. Required fields are marked *