05 / 07VOORSPELLINGEN · iOS & ANDROIDBinnenkort
KickMate
Een voetbal-app waarin je met vrienden in privégroepen uitslagen voorspelt, met ranglijsten en chat. In het Turks, Engels, Duits en Nederlands.
- Wat we deden
- Product- & UX-design
- App voor iOS & Android
- NestJS-backend & API
- Vier talen
- Technologieën
- React NativeExpoNestJSPostgreSQLRedisDrizzleAuth0
- Type
- Mobiele app · Eigen product
01Over het project
De vraag
Uitslagen voorspellen met vrienden is pas leuk als punten, deadlines en ranglijsten eerlijk en automatisch zijn. KickMate moest privégroepen, wedstrijdinformatie, ranglijsten en chat in één app samenbrengen.
Onze aanpak
We bouwden de app als lichte client: punten, het sluiten van voorspellingen en ranglijsten worden volledig op de server berekend, zodat elk lid hetzelfde resultaat ziet. Live updates komen binnen via een realtime verbinding en staan direct op het scherm. De app is er in het Turks, Engels, Duits en Nederlands.
02Belangrijkste functies
- 01
Kamers en uitnodigingen
Een kamer maak je stap voor stap aan: modus, naam, tot acht competities en vrienden om uit te nodigen. Je doet mee met een code van zes tekens of via een uitnodiging, en ziet vooraf een voorbeeld van de kamer.
- 02
Uitslagen voorspellen
Per wedstrijd voorspel je de uitslag; bij de aftrap sluit de server de voorspellingen af, zodat niemand ze achteraf nog kan wijzigen.
- 03
Wedstrijddetails
Goals, kaarten en wissels, de vorm van beide teams over de laatste vijf wedstrijden, opstellingen en statistieken zoals balbezit, schoten en corners.
- 04
Ranglijsten
Rangschikking over alle tijd, het seizoen, de maand en de week; je eigen positie en per speler een overzicht van exacte uitslagen, goede voorspellingen en reeksen.
- 05
Chat en meldingen per kamer
Elke kamer heeft een eigen chat; herinneringen voor wedstrijden, uitslagen, veranderingen in de ranglijst, uitnodigingen en vermeldingen in de chat komen binnen als pushmelding.
- 06
Profiel, vrienden en premium
Profielstatistieken en badges, vrienden toevoegen en zoeken; premium haalt de advertenties weg en maakt privékamers en onbeperkt uitnodigen mogelijk.
03Schermen
04Technologie
Interface
- React Native & Expo
- App voor iOS en Android
- Reanimated & Skia
- Animaties en handgetekende iconen
- TanStack Query
- Serverdata en live cache
- i18next
- Vier talen: TR, EN, DE, NL
Server & data
- NestJS
- Mobiele API, beheer-API en achtergrondtaken
- PostgreSQL & Drizzle
- Kamers, voorspellingen en punten
- Redis
- Cache en takenwachtrijen
- Socket.IO
- Realtime updates in de kamers
- Auth0
- Inloggen en authenticatie
Infrastructuur
- Docker
- Lokale ontwikkelomgeving
- k6
- Belastingtests
05Status
Dit project is in ontwikkeling. Denkt u aan iets vergelijkbaars?
