FastAPI + React JS App With HarperDB

Building a Fullstack CRUD notes app with FastAPI and React JS. Follow the guide linked up bellow and reference the source code.


Source code: Linked in article above




Timestamps:
00:00 - Introduction
4:30 - Setup Project
9:00 - HarperDB Configuration
20:40 - Setup CRUD Operation's
37:50 - Setting up React Frontend
49:50 - Routing
54:00 - Adding dummy data & core logic
1:05:40 - API calls and CORS configuration
1:30:50 - Proxy URL's
1:33:00 - Styling our app
1:48:50 - Spending time with the chat

[cmdeckermusic]

This was VERY helpful! I started with only basic knowledge of React and FastAPI, and I was able to follow along and learn so much! I feel confident to take skills I learned here into my workplace to manage and connect to APIs. Thanks Dennis!

[coffandprograming]

In my opinion, if it is an app that has to do with data and ml, without a doubt, fastapi is the best option, but if it is a web app, Django and DRF are the best option.

[DevBishwasBh]

Doing a very great job, Dennis sir! This tutorial is super helpful. I am a Rails/Django web dev, nowadays learning/developing on FastAPI and NextJs. I was searching for "How to integrate FastAPI authentication with Next JS", even though it doesn't meet the requirement but I really believe you're that developer who can make a video on FastAPI authentication with Next Js. At the end, I just wanna say that your contribution are surely useful to devs like us.

[alixaprodev]

when you complete the avacado app. I am so excited to see that one.

[elyesachour]

hello,
i just made a machine learning model on django where i had to upload an image via a form using simple html&css page and render the result on a other page (4 predictions using a logic where the activation of one prediction is depending on the previous one) i would like to do the same thing but this time using a react page for the frontend and i dont know what should i use. Any tuto to recommend me ?

[donbozarth]

Hi Dennis, I have watched many of your tutorials. Bravo. Although spelling... Lol. In any case, I have installed the files for the fastAPI side without React. I haven't moved forward because somehow when i do a post or update i am returned a 422. What I noticed is that the data=Body() returns an int but I could be wrong. Regardless, I have a duplicate copy of your code and no matter how many times I hit execute with a hammer the 422 returns. I have a feeling it has to do with the data=Body aspect. But for the life of me I cannot find an alternative to get the data ot actually equal you know data.

I would appreciate any help brother.

[perschonca]

I'm excited to do this with you but how are you liking FastAPI & React vs. Django & React for someone who is just beginning? Which would you feel is a more marketable skill? I don't want to bury myself but I would like to transition out of my current career into software development. Thanks for your all your help, you've been a big inspiration to me.

[melvindaley]

Hi Dennis. i'm very thankful for the tutorials.
I have a question and it is related to django.
How can we add a list of values to a model's field just like FastApi's List[str] for our django api ?
Doing a tutorial on the subject will be nice.
Thanks in advance

[cabrelngako]

please Sir i have created the HarperDB account, but i am not able to create the schemas, in fack when i click on it, it shows a long process of creating host, and other stuffs.