← Projekty

Focus Space

Aplikacja webowa, która pomaga ci się skupić z look’n’feel z science fiction

Do czego służy Focus Space?

Focus Space to aplikacja do skupienia w kosmicznym klimacie. Odpalasz sesję, wybierasz jej długość i pociągasz wajchę, robiąc skok w hiperprzestrzeń, tak jak statek kosmiczny w Gwiezdnych Wojnach czy Star Treku. Przez czas trwania sesji nie możesz przełączać się na inne aplikacje na telefonie: jeśli to zrobisz, misja się kończy, kokpit zostaje strzaskany, a lot przerwany. To rozwiązuje ten sam problem co znane aplikacje jak Forest: telefon ciągle kusi, żeby się rozproszyć, a Focus Space daje realny powód, żeby tego nie robić.

Różnica jest w estetyce. Aplikacje tego typu zwykle mają klimat roślinek albo rysunkowych maskotek, co nie każdemu odpowiada. Focus Space powstał z myślą o fanach science fiction: to samo działanie, ale w klimacie statku kosmicznego i kokpitu, z timerem odliczającym w konwencji hiperprzestrzennego skoku. To pierwsza, bardzo prosta wersja (MVP), dostępna jako aplikacja instalowalna na telefonie wprost z przeglądarki, bez kont użytkowników i bazy danych: wszystkie ustawienia trzymane są lokalnie na urządzeniu.

Tech stack

Focus Space to progresywna aplikacja webowa (PWA) zbudowana w podejściu lekkim i frameworkless — czysty JavaScript (Vanilla JS) i CSS3, bez narzutu dużych bibliotek UI, co przekłada się na błyskawiczny czas ładowania i pełną kontrolę nad każdym elementem interfejsu. Warstwę budowania i deweloperską obsługuje Vite, a aplikacja działa offline i instaluje się jak natywny program dzięki Service Workerowi i manifestowi PWA. Całość jest w pełni statyczna — bez backendu i bazy danych — co pozwala hostować ją na Vercelu z automatycznym wdrożeniem przy każdym pushu do gałęzi głównej, zachowując prostotę utrzymania przy jednoczesnej responsywności i dbałości o detale UX.

Link

Spodobało się?
Dostań kolejny list na maila.