Build A Full-Stack Web Application with Flask And ReactJS - Part 1 Flask API Development

Hey there, This is part 1 of a series of videos in which we build a full stack web application using ReactJS and Python with Flask. This video targets anyone who may want to learn how to build web applications using ReactJS and Flask.

In this video, I start building the back-end of our web application. The back-end is built using the Flask framework and plenty of extensions that may help us to build a fully featured web API.

Flask is a micro-framework that helps us to build web applications using the Python programming language.

Please like, share and comment on this video.

SOURCE CODE:

Twitter:

Github:

Time stamps
0:00 Introduction
3:28 Configuring the API
11:24 Create the first API endpoint
17:08 Creating the database model
24:58 Creating the database
29:38 Creating the serializer model
33:43 Creating the CRUD API endpoints
36:40 Return all resources
39:42 Create a resource
45:05 Get a resource
47:10 Update a resource
52:07 Delete a resource
56:08 Create a user model
1:0:28 Create a database migration repository

[SsaliJonathan]

Thanks for watching.Please subscribe for more videos like this.

[asventi]

Thank you it's so cool, i just came to learn how to initiate a project with react and flask but you are learning me so much just with the first episode, migrations and etc, gonna watch all the serie good job man

[MohamedAli-dkcb]

This is a hidden gem. Thank you very much brother for this wonderful explanation.

[khalilgaming-dc]

brotha the mechanical key strokes are , the whole playlist is completely amazing ! thanks

[niharikadayama]

Thanks for the tutorial series, Its amazing

[GordonShamway]

wonderful tutorial thank you so much. Very concise programming style, Chapeau!

[filipeoliveira]

I just started this and really enjoying it. Thank you!!

[africareign]

This was good and everything works perfectly

[damarisscott]

You are a fun and very good teacher! I'm going to try pizza flavored yogurt! lol :) Thank you for this course. This is so helpful to help me practice.

[ethansnyder]

Thank you so much for this tutorial. It was incredibly helpful and exactly what I needed.

[ashwithchandra]

Best quality video on Python Flask its really best for beginners 👍👍👍

[sivakumar-lmhc]

Thank you so much. Learned a lot today.

[maramalfaifi]

Thank you for your efforts, I learned a lot

[HappyDancerInPink]

I just subscribed. You are a great teacher!

[liuyan]

Hi Ssali, I am starting this full stack tutorial now. Thank you for your teaching, I started Flask learning all from your channel, I like your teaching style. In this beginning, I got error, in 28:38, I cannot get db after I typed flask shell, but I can see Recipe. The error is "raise RuntimeError(
RuntimeError: The current Flask app is not registered with this 'SQLAlchemy' instance. Did you forget to call 'init_app', or did you create multiple 'SQLAlchemy' instances?" when I typed `db`. Do you know why? And I didn't find you do __init__.py in the beginning. I just feel this tutorial is different operation or processing with the flask API tutorial. But thank you for making this full stack tutorial.

[jpsy]

at 2:13 does it matter if i use pip install? what is the difference between doing pipenv install

[sojoru]

I really enjoyed following along. One of the best tutorials, thank you!

I am stuck on Creating a resource part. Our code is exactly the same but when I add a json file I get id null:
{
"id": null,
"title": "milk",
"description": "short description"
}
And it also doesn't show in get request afterwards. How can I fix it?

[manishchauhan]

Also make a series for django too brother.

[gao]

Thanks you so much for this video. But I got a problem in delete function: when I make a DELETE request, it delays a big time to delete an instance. How can I fix it?
Thanks you btw.

[goodmythicalcoding]

Thank you very much for this tutorial. it was very helpful. I have a simple question if you don't mind. How to set the refresh token in an http-only cookie and be be able to refresh the access token with it from React using Axios. I have seached for it couple of days but can't get a clue. Thank you for your help.