FARM Stack Tutorial - React, FastAPI & MongoDB - ToDo App mit Authentication und Persistenz

In diesem Video stelle ich euch den beliebten FARM-Stack vor. FARM Stack beschreibt eine Kombination aus FastAPI, ReactJS und Mongo. Wir erstellen eine einfache TodoApp. Trotz der Einfachheit der App an sich ist das Projekt nicht ohne, schließlich spielen eine ganze Menge an Technologien zusammen. Es ist also KEIN Einsteigerkurs. Wenn du Nachholbedarf hast, empfehle ich diese Kurse:

Downloads:
Docker:

Timestamps:
0:00 Einführung
1:12 MongoDB mit Docker aufsetzen
5:15 FastAPI Part (Backend)
1:08:48 ReactJS Part (Frontend)

[codingcrashkurse]

Guter Tipp von @Kahitar: Falls noch jemand das Problem hat (ich hatte es auch): Ich musste in backend/db.py noch username und password an die init methode von AsyncIOMotorClient mitgeben:
AsyncIOMotorClient("mongodb://localhost:27017", username="root", password="example")

[Spandauer]

cooler Kurs 😊😊 Wobei ich nicht zu den großen NoSQL Fans gehöre. Hab lieber klar strukturierte tabellarische Datenbanken 😊😊

[reneschober]

Erster :D Finde ich cool, genau das was ich so gesucht habe. Bin aber mehr der VUE Fan :D!

[sportjodler]

Zweiter :D Welchen autoformatter nutzt du für die jsx und html sachen? Danke für das Video da kann man sich einiges abgucken!

[seife.aufheben]

Habe auf Github mal ein Issue eröffnet, leider funktioniert nichts mehr

[donnyproblem]

Danke für die gute Einführung und die anderen tollen Vids. Echt ein Super Kanal. Ich bin auf ein Problem gestoßen:
Sobald ich in MongoDB Compass eine neue Connection starten bzw. einrichten möchte bekomm ich immer den gleichen Error.
"An error occurred while loading instance info: command hostInfo requires authentication"
Wenn ich dann bei der Konfiguration der Connection die Authentication aktiviere kommt kein Error. Aber bekomme dann auf dem uvicorn Server bzw. in der SwaggerUI von FASTAPI einen 500 error "Internal Server Error" sobald ich ein Todo execute.

Die docker-compose.yaml ist Identisch wie im Video und das Image von MongoDB nach dem uppen der docker-compose läuft auch.
dachte es liegt evt. an einem typing issue meinerseits hab das aber schon 10 mal geprüft.
Module sind auch alle installiert. Der Port ist wie im Video.
Evtl. liegt es an der MongoDB Compass Connection Konfiguration.
Wäre Super wenn mir jemand nen kleinen Tipp oder eine Erläuterung geben Könnte.

Vielen Dank und mach weiter so.
Toller und informativer Channel

[groovebird]

Hi, sehr cooler Kurs. Weshalb verwendet man nach dem collection_todos.find dann in der Schleife jeweils das new Todo. Muss man das machen um erstmal ein Modelobject zu erzeugen? Könnte man es auch so machen, das man direkt das Model zurück bekommt?

[jumi]

Ich habe anscheinend Authentifizierungsprobleme bei (sudo) npm install (1:10:00). Der Fehler tritt auch auf, wenn sudo verwendet wird. was muss ich hier machen?

code 1

npm ERR! path
npm ERR! command failed
npm ERR! command sh -c node install.js
npm ERR! node:internal/errors:490
npm ERR! ErrorCaptureStackTrace(err);
npm ERR! ^
npm ERR!
npm ERR! <ref *1> Error: spawnSync EACCES
npm ERR! at Object.spawnSync
npm ERR! at spawnSync (node:child_process:871:24)
npm ERR! at Object.execFileSync (node:child_process:914:15)
npm ERR! at validateBinaryVersion
npm ERR! at {
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'spawnSync /home/.../ToDoApp/frontend/node_modules/esbuild/bin/esbuild',
npm ERR! path: '/home/.../ToDoApp/frontend/node_modules/esbuild/bin/esbuild',
npm ERR! spawnargs: [ '--version' ],
npm ERR! error: [Circular *1],
npm ERR! status: null,
npm ERR! signal: null,
npm ERR! output: null,
npm ERR! pid: 0,
npm ERR! stdout: null,
npm ERR! stderr: null
npm ERR! }
npm ERR!
npm ERR! Node.js v18.16.0

npm ERR! A complete log of this run can be found in: