Kronspar

I detta projekt, utvecklat som mitt examensarbete på Medieinstitutet, byggde jag Kronspar spar-app med React och TypeScript som hjälper studenter att lägga undan pengar över tid till studentmössan utan stress i sista minuten.
Appen fungerar som en personlig ekonomi-instrumentpanel: användare ser aktuellt sparande, tid kvar och framsteg mot målet; ställer in sparplan och betalningsmetoder; följer statistik över tid; jämför leverantörer av studentmössor; och kan se projicerat saldo utifrån månadsinsättningen.
Applikationen har säker autentisering med Clerk, TanStack Query för datahämtning och React Router för navigering. MSW användes under utveckling för att simulera backend-anrop innan framtida API-integration. En demonstrationsfunktion, Time Travel, dold i headern, hoppar mellan milstolpar som köpdag för mössan och studentdagen för att validera sparprojektionen.
Tech stack
- HTML
- CSS
- JavaScript
- TypeScript
- Tailwind
- Vite
- React
- npm
- ESLint
- Prettier
- Clerk
- TanStack Query
- React Router
- i18n
- MSW