Projekt - Sparplan-Verwalter App
Eine Full-Stack App die Menschen hilft ihre Finanzen besser zu verwalten
Wie die App funktioniert
Die App ermöglicht es Benutzern, Sparziele mit einem Zielbetrag und einem Fälligkeitsdatum zu erstellen. Diese können gefiltert und sortiert werden, um den Überblick zu erleichtern.
Nach der Erstellung eines Ziels können Einzahlungen für dieses Ziel notiert werden. Eine Übersicht der Einzahlungen wird angezeigt. Ein Balkendiagramm vergleicht die Einzahlungen pro Monat.
Ziele und Einzahlungen werden in einer Datenbank gespeichert. Deswegen können Nutzer einen Account anlegen, um ihre Daten zu speichernZiele und Einzahlungen werden in einer Datenbank gespeichert. Deshalb können Nutzer einen Account anlegen, um ihre Daten zu speichern.
Genutzte Technologien
Mobile-first
Next.js
React
TailwindCSS
Supabase
Responsive Design
Was ich gelernt habe
Dies ist das zweite größere Projekt, das ich mit Next.js umgesetzt habe. Dabei habe ich viel über Routing und Proxy gelernt. Außerdem habe ich mit Tailwind Linear-Gradients und Hintergrundbilder geübt. Zudem habe ich Trigger-Funktionen für das Supabase-Backend programmiert. Auch OAuth habe ich für dieses Projekt implementiert. Auch über Barrierefreiheit habe ich viel gelernt. So habe ich es beispielsweise geschafft, dass das Dashboard nur mit der Tastatur navigierbar ist.
Weiter- Entwicklung
In Zukunft möchte ich die Barrierefreiheit noch weiter optimieren. Auch den kleinen Fehler, der auftritt, wenn man die Seite "Zieldetails" neu lädt, möchte ich beheben. Dabei wird die 404-Seite angezeigt.