Wallana
Přehled o penězích napříč účty a měnami — a hlídač dokladů, kterým končí platnost.
- Klient
- Vlastní produkt
- Rok
- 2026
- Platforma
- Android + Windows
- Technologie
- React 19 · TypeScript · Supabase · Vite · Tailwind v4 · Recharts · Framer Motion · Capacitor · Tauri
Zadání
Peníze nejsou na jednom místě. Běžný účet v jedné bance, spořicí ve druhé, hotovost v peněžence, něco v eurech na Wise. Každá banka má vlastní aplikaci, vlastní kategorie a vlastní představu o tom, co je „nákup“.
Kdo chce vědět, kolik za měsíc padne na jídlo venku, skončí u exportu do tabulky a ručního barvení řádků. Vydrží to dva měsíce.
A vedle toho běží druhá, ještě otravnější agenda: papíry s datem platnosti. Povinné ručení, technická, pas, záruka na notebook. Na tyhle věci se přijde obvykle až ve chvíli, kdy je pozdě.
Řešení
Jedno místo, kde jsou všechny pohyby pohromadě — a hlavně roztříděné bez práce.
Import místo opisování. Výpis z banky se nahraje jako CSV, XLSX nebo JSON. Aplikace ho rozebere a napojí na správný účet. Ruční zápis zůstává pro hotovost: výdaj, příjem nebo převod mezi účty, pár klepnutí a hotovo.
Pravidla dělají tu nudnou část. U každého pravidla se nastaví, kde se má hledat (popis, protistrana, protiúčet, variabilní i konstantní symbol), co se má hledat a s jakou prioritou — a kdo chce, sáhne po regulárním výrazu. Sedm pravidel pokryje většinu opakujících se plateb a ruční zásah zůstane jen na výjimky.
Měny se nemíchají. Koruny i eura žijí vedle sebe, každá transakce si nese svou měnu a v přehledu se nic tiše nepřepočítává kurzem, o kterém nikdo neví, odkud je.
Doklady mají vlastní složku. Ke každému se uloží typ, platnost od–do a sken nebo PDF. Upozornění se dá nastavit týden, měsíc nebo tři měsíce předem, takže na propadlou technickou nepřijde člověk až na silnici.
Hledá se podle popisu, protistrany i variabilního symbolu — tedy přesně podle toho, co je ve výpisu, když se dohledává konkrétní platba. Rozhraní mluví česky, anglicky i ukrajinsky.
Jak je to postavené
Jedna codebase, dva cíle. Frontend je React 19 s TypeScriptem a Vite, styly drží Tailwind v4 s design tokeny na jednom místě, pohyb obstarává Framer Motion a grafy zůstatků i rozpadu výdajů kreslí Recharts. Android z toho vyrábí Capacitor, Windows Tauri — obojí se staví automaticky v GitHub Actions, takže vydání znamená push, ne hodinu klikání.
Backend je Supabase: přihlášení, Postgres a row-level security. U appky na osobní finance to není detail — pravidla přístupu sedí v databázi, ne v klientovi, takže se k cizím transakcím nedostane ani upravený požadavek.
Skeny dokladů leží v Supabase Storage pod stejnými pravidly jako data. Fotka občanky nebo zelené karty je tak chráněná stejně jako zůstatek na účtu, což je u dokumentů, které si do aplikace člověk nahraje, to nejmenší.
Co jsem dělal já
Návrh, frontend, Supabase backend, import a kategorizace dat.
Výsledek
Měsíční přehled vznikne nahráním výpisu místo hodiny v tabulce. A protože třídění obstarají pravidla, zůstává aktuální i po půl roce — což je u osobních financí ten rozdíl mezi nástrojem a opuštěným projektem.
- 2
- platformy z jedné codebase — Android a Windows
- 16 + 7
- kategorií a automatických pravidel
- 3
- formáty importu — CSV, XLSX, JSON
- 3
- jazyky rozhraní: CZ, EN, UA