ื”ื‘ื

ื”ืคืขืœื” ืื•ื˜ื•ืžื˜ื™ืช

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

0 ืฆืคื™ื•ืช โ€ข 10/30/24
ืœึทื—ึฒืœื•ึนืง
ืœึฐืฉืึทื‘ึผึตืฅ
121gamers
121gamers
15 ืžื ื•ื™ื™ื
15

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/greetingApp_FLASK

Link to logo from my Kivy App:
https://github.com/MariyaSha/S....impleGreetingApp/blo

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

ืœื”ืจืื•ืช ื™ื•ืชืจ
ืชื’ื•ื‘ื•ืช ื‘ืคื™ื™ืกื‘ื•ืง

ื”ื‘ื

ื”ืคืขืœื” ืื•ื˜ื•ืžื˜ื™ืช