Saving Tracker App — online-веб-приложение в формате mobile-first, выполненное в iOS-style дизайне, с системой пользовательского рейтинга и возможностью интеграции в Telegram Mini Apps.
Проект ориентирован на использование с мобильных устройств и быстрые пользовательские сценарии.
Функциональность
- Работа с накоплениями
- CRUD-операции над пользовательскими накоплениями
- Рейтинг пользователей в процентном соотношении
- Динамический LeaderBoard
Приложение спроектировано как набор готовых экранов (templates), имитирующих нативный iOS-опыт:
:Main Page — основной экран приложения
:LeaderBoard — рейтинг пользователей
:Congrat — экран поздравления при достижении результата
:Пополнение — интерфейс увеличения накоплений
:Welcome — стартовый экран
Интерфейс адаптирован под мобильные WebView и готов к встраиванию в Telegram Mini App.
Frontend (React JS):
- SPA-архитектура
- Mobile-first подход
Backend (FastAPI):
- REST API
- CRUD-операции
Figma - https://www.figma.com/design/GL14m2AxnJFAepFBUDV7vI/%D1%82%D1%80%D0%B5%D0%BA%D0%B5%D1%80-%D0%BD%D0%B0%D0%BA%D0%BE%D0%BF%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9--Copy-?node-id=6703-12707&p=f
https://github.com/STAP16/saving-tracker