04Własna aplikacja

TwoMore

Trening staje się zapisem, do którego możesz wrócić.

Rok
2024
Dziedzina
SaaS
TwoMore / WIDOK PRODUKTU01
Przeprojektowana strona publiczna TwoMore
Przeprojektowana strona publiczna TwoMore

Problem do uporządkowania.

Plan treningowy ma sens, gdy łączy się z tym, co faktycznie dzieje się na treningu. TwoMore zbiera plany, serie, powtórzenia i ciężary w dzienniku sesji, a przy kolejnym treningu udostępnia wcześniejsze wyniki.

02Realizacja

Jak łączą się elementy.

Aplikacja Next.js korzysta z logowania Supabase i PostgreSQL, a Zustand i TanStack Query wspierają stan aplikacji i dostęp do danych. Plany łączą się z zapisem treningu na żywo, historią ćwiczeń i pomiarami ciała. Przeprojektowana strona publiczna wykorzystuje sztangę i zapis treningu, aby pokazać, jak pojedyncze serie tworzą dłuższą historię.

03Wewnątrz systemu

Pod powierzchnią interfejsu.

01

Od planu do wykonanej serii

Plans / Sessions / Sets

Produkt łączy zaplanowane ćwiczenia z zapisanymi ciężarami i powtórzeniami. Wartości z poprzedniej sesji towarzyszą aktualnemu treningowi i dają kontekst podczas ćwiczeń.

02

Historia dłuższa niż jeden trening

Exercise history / Measurements

Historia sesji i historia ćwiczenia odpowiadają na różne pytania. Pomiary ciała tworzą osobny zapis. Publiczna prezentacja pokazuje zależności między tymi widokami; jej przykładowe liczby nie są wynikami klientów.

03

Jedna aplikacja, połączone dane

Supabase / PostgreSQL / TanStack Query

Aktualny kod wykorzystuje Supabase do logowania i dostępu do bazy danych. TanStack Query obsługuje dane serwerowe, a Zustand zarządza stanem interfejsu. Narracja strony głównej podczas przewijania jest oparta na GSAP.

05Zakres realizacji

Planowanie treningów, zapis sesji seria po serii, porównanie z poprzednim treningiem, historia ćwiczeń, biblioteka ćwiczeń i pomiary ciała w jednej aplikacji webowej.

Wszystkie projekty
Dalej / Twój projekt

Podobne wyzwanie?

Pomysł, wąskie gardło, system, któremu nie wystarczają obecne narzędzia. Powiedz nam, na jakim jesteś etapie.

Opowiedz nam o tym