Flask - Live updated sports website Project ⚽🏅🏀

In this video, you will learn to create a website IN AN HOUR with Python. This website will be LIVE! Meaning, the data will be refreshed in real-time.

#Python #Flask #LiveWebsite

Connect with me with:

🔥 Comment below if you want to see more videos in that style

👍 Subscribe to start your Python Developer / DevOps Engineer journey here:

🎥 My YouTube Gear 🎥

Links:

Virtual env tutorial:

Flask Series:

More about __name__ magic variable:

Github Project link for code snippets:

Timeline of the video:
00:00 - 03:52 - Setting things up
03:53 - 09:20 - How Flask Works? (Jump to next timeline - If you know Flask)
09:21 - 16:20 - Styling like a Sports Website
16:21 - 29:39 - Display a scores table
29:39 - 33:37 - JavaScript - Convert data to JSON
33:38 - 36:08 - JavaScript - How it works ?
36:09 - 38:49 - JavaScript - Using setInterval()
38:50 - 43:50 - JavaScript - Using fetch() to read data
43:51 - 53:04 - JavaScript - Function to fresh the data
53:05 - 59:28 - JavaScript - Function to blink the changes
59:29 - 01:00:26 - Get the code of the BONUS features for this website

[jimshapedcoding]

Do you like the idea of Real-Time web apps? Would you like to see more project examples of that kind of website?

[techwithrg]

Jim sir I really appreciate you and your teaching style.
I learnt flask and django from your videos.
I want more interesting projects using python : )

[KashaNenasha]

Hi, Jim, thank you for the great lesson! It was very useful for me.
Could you, please, explain one moment (25:35):
when you create html table in the matches.html, to get rows content you iterate through the "dummy_data" dict without mentioning this dict. For-loop addresses to match in matches only. How it works?

[thecodfather]

Hey Jim, love your videos dude! Can you show us how to deploy our flask or django project on a live server as not many people cover this part ☺

[lonely]

We need more content like this,
And thank you for this vedio 🤩♥️

[fadilzakiali]

Hopefully will do it in the future. Thank You!

[mosesjohn]

i Love this Series
you are doing great Jimshacoding

[SA-ojbo]

Hi Jim, how to use Flask as an IoT dashboard? How to integrate sensor-data send by TCP to the server into flask? Could you please make a video about that or give some private support?

[yaelsaper]

Your content is very useful! Thanks for all your hard work

[Daniel_Guidi]

Why and how are you running your packages outside of your virtual environment?

[gamelin]

Hey Jim, your Flask videos are great. I've watched the FCC series as well as the Docker series. Great work! Some ideas for future projects: REST APIs on flask, ETL with airflow, SqlAlchemy+alembic, deeper dive with docker. Just sharing in case you're running out of ideas... :D

[nirmangamingtips]

Hello Sir,
I am big fan please can you teach us how to make chatting application using flask please

[SA-ojbo]

H Jim, why did you put the style under the body? Why not in the head?

[ivanyosifov]

Hello Jim. Are you planning to make a course on pygame? There aren't a lot of in-depth tutorial on making games with python. It will be most welcome.

[fadilzakiali]

How do I choose between using Flask And Django?

[Daniel_Guidi]

This implemented with BeautifulSoup should be taught.

[huytruongcong]

Could you do the same with Django framework? ^^ Thank you so much <3

[ulugbeknurjonov]

Thank you for tutorial.
Can you make tutorial with HTMX?
Some little CRM system or accounting like income outcome ?

[Kennethlumor]

SIR PLEASE THERE IS SOMETHING I'M CONFUSED OF. I WANT TO KNOW IF FLASK CAN BE USE TO CREATE BIG PROJECTS OR A REAL WEBSITE..

[gauravshah]

Dear Jim, how can we restrict only authorized or logged in users, to fetch live data from back end ?