Фронтенд платформы

Документация

Технический стек

• React: основная библиотека для разработки SPA (Single Page Application)
• Tanstack Query: библиотека для кэширования и переиспользования данных из бэкенда
• Mantine UI: библиотека компонентов пользовательского интерфейса
• axios: библиотека для отправки HTTP-запросов на бэкенд

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

• public: картинки, иконки и другие статические файлы
• src/app: основные настройки приложения
  • src/app/styles: глобальные стили и сброс стилей
  • src/app/providers: кастомные провайдеры для приложения
  • src/app/index.tsx: точка входа в приложение
  • src/app/router.ts: роутинг
• src/components: компоненты/виджеты
  • src/components/ui: дополнительные стандартные компоненты без логики (select, button, upload)
  • src/components/: глобальный переиспользуемый компонент с логикой
• src/hooks: кастомные и библиотечные React-хуки
• src/layouts: компоненты для общей разметки страниц (в том числе хэдеры, футеры, сайдбары)
• src/pages: компоненты страниц и их секций
• src/services: реализуют логику по работе с данными
  • api: сервисы для взаимодействия с бэкендом
  • localStorage: сервисы для работы с Local Storage
• src/utils: полезные функции для конвертации и форматирования данных

Разработка

Установка и запуск проекта локально

npm install
npm run dev