- Backend: REST API med Node.js, Express och Firestore
- Frontend: web app med React och TypeScript
- Redux & Redux Toolkit
- React Router
Här görs en kort presentation på hur applikationen används, det ges även en möjlighet för användaren att starta en ny match direkt istället för att använda sig av navigationsmenyn. Även den hamster som vunnit flest gången presenteras med bild och namn.
På denna sida visas två slumpade hamstrar där användaren har möjlighet att klicka och därmed rösta på den hamster som anses vara sötast. När användaren har klickat på en hamster visas en overlay med mer information om den hamstern och valmöjligheten att starta en ny match. När användaren väljer att starta ny match renderas två nya slumpade hamstrar fram.
I gallerit presenteras alla hamstrar och det finns en förklarande text som beskriver användarens möjligheter och användningsområenden. Det finns även valmöjligheten att radera varje hamster för sig. Klickar användaren på en vald hamster visas en overlay med mer information om just den hamstern. Det finns även funktionaliteten att lägga till en ny hamster genom ett formulär som använder validering.
