FARM Stack CRUD - FastAPI, React y Mongodb FullStack Web

Aprende el Stack FARM el Stack de tecnologías web conformadas por bibliotecas tanto de Python y Javascript (Nodejs) como lo son FastAPI, React, y Mongodb. Juntas te permitirán crear aplicaciones web de inicio a fin.

En este ejemplo práctico crearemos una aplicación CRUD (Create, Read, Update, Delete) desde cero para que puedas entender como crearemos primero el Backend conectado a la base de datos de MongoDB, y luego usar este Backend en un Frontend de Javascript que hace uso de React.

Tutorial Escrito de este ejemplo:

Código del proyecto:

Video extra del despliegue del proyecto:

Índice del contenido:

00:00 Introducción
02:30 Configuración de FastAPI
13:19 Mongodb Queries
25:27 FastAPI Routes
42:00 FastAPI Routes II
57:30 Mejorando Backend
01:01:38 Client Setup
01:05:54 React Router DOM
01:15:39 Create Task
01:32:15 List Tasks
01:38:54 Edit Task
01:47:36 Update Task
01:53:14 Delete Task
01:57:38 Complete Task

⭐ Cursos Recomendados

🗣 Redes Sociales

🎒 Servicios Recomendados

Puedes encontrar la lista de tutoriales de React en:

#fastapi #reactjs #python #javascript

[FaztCode]

Este es el video extra para los miembros en donde muestro como desplegar todo el proyecto en Railway:

[wolf-code]

Un adicional que ojala si pudiese sacar en nuevos videos es como hacer un crud de imágenes con FAST API😁

[JimyDrive]

Me encanta React, pero en el backend estoy muy interesado en Python, así que no te imaginas la ilusión que me hace este vídeo.
El contenido que nos ofreces es de enorme calidad.
Muchísimas gracias!!!

[rodrigobilbao]

Hace mucho que estaba esperando este proyecto full stack con python y js. Sos un grande Fazt

[jesuschacon]

FastApi es una pasada, se genera la documentacion automatica y es sumamente facil de implementar y nos permite enfocarnos en las arquitecturas y patrones de diseño. Espero algun video mas avanzado de fastApi, con sql + sqlAlchemy!

[agylcode]

Contenido de calidad como siempre, son las 1 de la madrugada, me dio ganas de levantarme y ponerme a programar 😅

[wilsonquisbert]

Tio fazt, por ti me veo todas las publicidades, saludos desde Bolivia

[qigao]

Wonderful, I like Farm Stack, Please create more complicated projects.

[martincho]

Muy muy muy buen video. Solo le agregaría como autenticar la API para darle seguridad.

[DaiselFleitas]

Apenas comienzo a verlo explicas muy bien genial 🎉🎉

[luisdavid]

Calidad garantizada, siempre le doy like antes de ver el video 😊, saludos Fazt, que chevere conocerte algun dia Fazt God 🙏💪

[enguillem]

muy buen tutorial, un saludo desde Mallorca

[andrespabon]

Hace una semana apliqué para un trabajo con este stack, lo busqué en tu página web, cuanto me hubiera servido. Aún así, gran video, crack

[isaacchinchilla]

disculpa fazt que version de pydantic estas utilizando porque en la configuracion que sugeriste parece que esos nombres fueron modificados y el json_encoders fue eliminado

[Leon-khsu]

fazt te consulto, tu utilizas mucho este stack en tu dia a dia? o recomendarias otro stack a la hora de desarrollar, lo digo porque python ultimamente esta descontrolandose en cierto sentido, ahora con flet, reflex y demas, creo que python se esta volviendo cada dia mas potente a la hora de desarrollar cosas mas eficientemente desde mi punto de vista, puede que este equivocado, por eso te pregunto cual seria tu punto de vista con respecto a esto, muchas gracias !.

[nicolasviruel]

Impresionante 🎉🎉!! Muy buen contenido Fast !! Se viene con toda Python? Me parece genial poder aprender ese lenguaje en el backend, sería ideal algo que suba imágenes. Sin más muchas gracias

[alejocastano]

Hola, buenas tardes, tengo un problema al cambiar el id del modelo por el optional PyObjectId, le doy mil vueltas y reviso todo pero me tira error 422..si alguién me ayuda...dice como que el Id es requerido....

[carlosandressanchez]

hola me parece muy interesante este proyecto que realizaste, lo estoy replicando en mi pc, y me sale un error en el minuto 39:45 y cuando hago la petición post, sale un error, y he hecho el modelo tal como lo estas haciendo y puse el response_model = Task, en el @app.post, me sale el siguiente error

127.0.0.1:55407 - "POST /api/tasks HTTP/1.1" 422 Unprocessable Entity
{
"detail": [
{
"type": "missing",
"loc": [
"body",
"_id"
],
"msg": "Field required",
"input": {
"title": "some title",
"description": "some description",
"completed": false
}
}
]

y no he podido pasar de ahi, porque pasa eso??

[luchinilvp]

Existe también con Vuejs, un favm o favmdb. Saludos son exelentes tus vídeos.

[jonathang.quispequiroz]

Hola Fazt, buen video, podrías hacer algo nuevo con fastApi y sqlAlchemist.