watermark logo

āĻĒāĻ°āĻŦāĻ°ā§āĻ¤ā§€ āĻ†āĻ¸āĻ›ā§‡

āĻ¸ā§āĻŦāĻ¯āĻŧāĻ‚āĻ•ā§āĻ°āĻŋāĻ¯āĻŧ āĻšāĻžāĻ˛ā§

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

0 āĻ­āĻŋāĻ‰ â€ĸ 10/30/24
āĻļā§‡āĻ¯āĻŧāĻžāĻ° āĻ•āĻ°ā§āĻ¨
āĻŦāĻ¸āĻžāĻ¨
121gamers
121gamers
14 āĻ¸āĻžāĻŦāĻ¸ā§āĻ•ā§āĻ°āĻžāĻ‡āĻŦāĻžāĻ°
14

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/

āĻ†āĻ°ā§‹ āĻĻā§‡āĻ–ā§āĻ¨
0 āĻŽāĻ¨ā§āĻ¤āĻŦā§āĻ¯ sort āĻ•ā§āĻ°āĻŽāĻžāĻ¨ā§āĻ¸āĻžāĻ°
āĻĢā§‡āĻ¸āĻŦā§āĻ• āĻŽāĻ¨ā§āĻ¤āĻŦā§āĻ¯

āĻĒāĻ°āĻŦāĻ°ā§āĻ¤ā§€ āĻ†āĻ¸āĻ›ā§‡

āĻ¸ā§āĻŦāĻ¯āĻŧāĻ‚āĻ•ā§āĻ°āĻŋāĻ¯āĻŧ āĻšāĻžāĻ˛ā§