Skip to content

steqa-cashcache/react-app

Repository files navigation

ru en

CashCache 🪙 React App

⚠️ Этот репозиторий является частью проекта CashCache ⚠️
Для информации по установке и запуску см. основной README

GitHub Release License

TypeScript React Vite Axios React Router

Содержание

  1. Описание
  2. Особенности
  3. Структура проекта
  4. Демонстрация интерфейса
  5. Лицензия

Описание

Веб-интерфейс к системе управления личными финансами CashCache.
Позволяет управлять счетами, транзакциями, шаблонами, а также настраивать регулярные операции через удобный UI.

Особенности

  • JSON Web Token хранится в localStorage
  • После входа токен используется в Authorization-заголовках для всех запросов
  • Интеграция с backend API по REST
  • Интерактивные формы для CRUD операций
  • Использование современного стека: React, TypeScript, Vite
  • Адаптивный дизайн для мобильных и десктопов

Структура проекта

src
├── api                # API-слой: запросы, схемы типов, конфиг axios
│   ├── requests       # Конкретные запросы по сущностям (account, auth, category, transaction и др.)
│   └── schemas        # Типы и схемы данных для API
├── blocks             # Блоки — крупные UI-компоненты с логикой и стилями
├── components         # Мелкие переиспользуемые UI-компоненты
├── contexts           # React context для авторизации
├── hooks              # Кастомные React-хуки (useHttpRequest, useValidator и др.)
├── locale             # Локализация (например, русская локаль для ошибок)
├── pages              # Страницы приложения
├── routers            # Конфигурация React Router
├── utils              # Вспомогательные функции (работа с датами, деньгами и др.)
└── validators         # Функции валидации (email, дата, пароль и др.)

Демонстрация интерфейса

Скриншоты

Примеры интерфейса

Вход

Вход

Добавление, изменение, удаление дохода

Добавление, изменение, удаление дохода

Добавление, изменение, удаление расхода

Добавление, изменение, удаление расхода

Добавление, изменение, удаление перевода

Добавление, изменение, удаление расхода

Страница аккаунтов

Страница аккаунтов

Добавление, изменение, удаление аккаунта

Добавление, изменение, удаление аккаунта

Добавление, изменение, удаление категории

Добавление, изменение, удаление категории

Добавление, изменение, удаление шаблона транзакции

Добавление, изменение, удаление шаблона транзакции

Добавление, изменение, удаление регулярной транзакции

Добавление, изменение, удаление регулярной транзакции

Лицензия

Этот проект распространяется под лицензией MIT. Подробнее см. в файле LICENSE.

About

Web interface for the personal finance management system.

Topics

Resources

License

Stars

Watchers

Forks

Contributors

Languages