Expense Tracker —платформа для фінансового обліку

Категорія: Веб-програмування
Технологічний стек: Next.js 15 (App Router), TypeScript, Zustand, React Query, Formik, Axios.

Опис:
Це високопродуктивний вебдодаток для контролю особистих фінансів із фокусом на архітектуру production-ready. Проєкт реалізує повний цикл взаємодії користувача з даними в реальному часі через адаптивний інтерфейс.

Ключовий функціонал та реалізовані задачі:

Комплексна авторизація: Впровадила систему захищених маршрутів (auth та private layout'и), що забезпечує безпеку персональних даних користувачів.

Управління станом (State Management): Використала Zustand для легкого та швидкого керування глобальним станом додатку та React Query для ефективної синхронізації з API.

Інтерактивний Dashboard: Розробила панель керування для візуального моніторингу балансу та історії операцій.

Робота з формами: Налаштувала складну валідацію фінансових транзакцій за допомогою Formik та Yup.

Адаптивна верстка: Реалізувала mobile-first підхід, що гарантує зручність використання на смартфонах і планшетах.

Технічні переваги:

Чиста архітектура: Чіткий поділ логіки на компоненти, сервіси API (lib/) та централізовані типи TypeScript.

Типізація: 100% покриття коду типами для мінімізації помилок та легкого масштабування проєкту.

Оптимізація: Швидке завантаження сторінок завдяки перевагам Next.js App Router.
#Next.js #TypeScript #zustand #React Query #Axios