Python Flask and Vue.js tutorial: Full Stack TODO project

This Python Flask and Vue.js tutorial is about creating a Python full stack project with an example of a simple Flask Vue TODO app.
I used Flask 2 and Vue.js 3, SQLAlchemy as ORM for SQLite database.

Timecodes:

0:00:00 - demo of this Flask and Vue.js project
0:03:36 - basic Flask 2 app
0:04:38 - using of Flask templates
0:07:16 - adding Bootstrap css
0:07:37 - adding local static files
0:10:12 - adding Vue.js 3 script
0:13:10 - basic HTML layout
0:18:28 - creating Vue.js object
0:26:49 - installing SQLAlchemy
0:32:41 - creating Task model
0:37:03 - creating a Table in database
0:38:15 - creating tasks from Python shell
0:40:44 - fetching tasks from Flask and displaying to a User
0:46:55 - sending a request from Vue to Flask to get tasks
0:52:19 - creating a from for validation
1:04:46 - code refactoring
1:08:35 - delete task (backend + frontend)
1:13:40 - complete a task (backend + frontend)


📎 Source code is available via Patreon:
https://www.patreon.com/posts/54892532

► Flask tutorial:
https://youtu.be/8d2KfERrb5Q

Python Flask and Vue.js tutorial: Full Stack TODO project:
https://youtu.be/_YeN69XoqqU

#python #flask #flaskvue

Дата на публикация: 20 септември, 2021
Категория: Друго