Веб-интерфейс для Циркулярной Экономики
Разработал фронтенд-часть как Next.js (React) веб-приложение, которое работает как клиент к бэкенду: отображает данные, строит графики, ведет пользователя через сценарии/формы и выдает результат в виде отчетов (включая PDF). Стек подобран под задачи “много UI, много состояний, много аналитики” — без лагов и без боли.
Технологии и библиотеки (что использовал)
Next.js 14 + React 18 — основа SPA/SSR приложения, стандартные скрипты dev/build/start/lint.
UI/Дизайн-система:
Chakra UI (+ emotion/*) для быстрой сборки аккуратного интерфейса и компонентов.
PrimeReact для готовых сложных компонентов (таблицы/формы/виджеты).
API слой: Axios для запросов к бэкенду + централизованная работа с ответами/ошибками.
Управление состоянием: Zustand для управления состоянием (легкий, быстрый, без “Redux-эпопеи”).
Мультиязычность (i18n): i18next + next-i18next + react-i18next, а также утилиты для определения/матчинга локали.
Визуализация и аналитика:
Chart.js + react-chartjs-2 + chartjs-plugin-datalabels для графиков и подписей значений.
CanvasJS React Charts как дополнительный инструмент для графиков/диаграмм.
PDF / Экспорт
Технологии и библиотеки (что использовал)
Next.js 14 + React 18 — основа SPA/SSR приложения, стандартные скрипты dev/build/start/lint.
UI/Дизайн-система:
Chakra UI (+ emotion/*) для быстрой сборки аккуратного интерфейса и компонентов.
PrimeReact для готовых сложных компонентов (таблицы/формы/виджеты).
API слой: Axios для запросов к бэкенду + централизованная работа с ответами/ошибками.
Управление состоянием: Zustand для управления состоянием (легкий, быстрый, без “Redux-эпопеи”).
Мультиязычность (i18n): i18next + next-i18next + react-i18next, а также утилиты для определения/матчинга локали.
Визуализация и аналитика:
Chart.js + react-chartjs-2 + chartjs-plugin-datalabels для графиков и подписей значений.
CanvasJS React Charts как дополнительный инструмент для графиков/диаграмм.
PDF / Экспорт