Flo
Een gratis focus-timer voor studeren die ik voor mezelf heb gebouwd. Geen klantproject.
- Soort
- Eigen project, geen klantwerk
- Taal van de app
- Engels
- Techniek
- Vite en TypeScript, geen framework. Firebase Hosting.
Waar het om draait
Flo is een studietimer in Pomodoro-stijl. Het doel is focus: rustig en niet afleidend. De timer staat in het midden van het scherm en al het andere is klein.
Wat ik bouwde
Een timer met drie standen (Focus, Short break en Long break) en een duur die je zelf instelt. Daaromheen zitten taken, notities, statistieken en achtergrondmuziek. Het startscherm laat je voortgang zien. Scrollen brengt je naar het focusscherm, en wie niet scrolt kan daar ook via een knop komen.
Keuzes die je in de app terugziet
- Je gegevens blijven standaard in je eigen browser. Inloggen met Google is optioneel, en alleen dan synchroniseert Flo je gegevens via Firestore.
- De muziek komt alleen van Brain.fm. Dat was mijn eigen keuze.
- De achtergronden draaien in WebGL en staan stil als je in je systeem hebt aangegeven minder beweging te willen.
- Je kunt Flo met het toetsenbord bedienen: sneltoetsen voor reset, overslaan, taken, muziek, notities, statistieken en volledig scherm. Een paneel sluit met Escape.
- De app houdt rekening met de systeeminstellingen voor minder beweging en meer contrast, en kondigt gebeurtenissen aan voor schermlezers.
- Er zit geen betaalde dienst achter. Flo draait op het gratis Spark-abonnement van Firebase.
Meer van mijn werk staat op het portfolio.
Een website voor jouw bedrijf?
Je betaalt pas als je je eigen homepage hebt gezien. Bevalt hij niet, dan kost het je niets.