SvelteKit-Tutorial: Google Forms Klon (Teil 3)
In dieser Reihe werden wir eine Fullstack-Anwendung bauen, die ähnlich wie Google Forms funktioniert. Man kann hierbei Formulare ("Svorms") erstellen, beantworten und auswerten. Gespeichert werden die Daten in einer Postgres-Datenbank bei Supabase. Die Benutzeroberfläche und die serverseitige Logik werden wir mit SvelteKit programmieren.
In diesem dritten Teil geht es um die Funktion, sich die Ergebnisse der Formulare anzusehen.
Link zur Playlist: • Google Forms Klon mit SvelteKit und Supaba...
📝 Demo & Quellcode
● Demo: https://svorm.netlify.app/
● Code: https://github.com/ScriptRaccoon/svorm
⏱ Zeitmarken
● Vorstellung 00:00
● Text-Konfiguration 00:32
● Absolute Pfade 06:05
● Typen für Ergebnisse 09:57
● Seite für Ergebnisse 11:33
● Ergebnisse aus der Datenbank laden 13:39
● Ergebnisse an Komponente übergeben 22:37
● Ergebnisse darstellen 25:07
● Einfache Frage darstellen 26:22
● Multiple Choice darstellen 30:23
● Links 34:59
● Automatische Lösung nach 30 Tagen 36:45
● Outro 39:13
📙 Quellen
● SvelteKit Docs: https://kit.svelte.dev/docs/
● Svelte Docs: https://svelte.dev/docs/
● Supabase Docs: https://supabase.com/docs
💻 Verwendete Tools (Entwicklung)
● Visual Studio Code: https://code.visualstudio.com/
● SvelteKit: https://kit.svelte.dev/
● Supabase: https://www.supabase.com/
● TypeScript: https://www.typescriptlang.org/
● Sass: https://sass-lang.com/
🎤 Verwendete Software (Aufnahme)
● OBS: https://obsproject.com/de
● Davinci Resolve 16: https://www.blackmagicdesign.com/de/p...
#Supabase #SvelteKit #Fullstack