RelaxMap

Огляд

RelaxMap — це командний full-stack проєкт на Next.js 16 і React 19. Платформа дає змогу користувачам знаходити місця відпочинку по всій Україні, створювати та редагувати власні локації, залишати відгуки, керувати особистими профілями та взаємодіяти з інтерактивною картою. Застосунок поєднує Server-Side Rendering, гідратацію React Query, автентифікацію, захищені маршрути та сучасну архітектуру App Router.

Мій внесок

АвтентифікаціяАвторизаціяJWT-автентифікаціяЗахищені маршрутиКерування сесіямиОновлення токенівMiddleware автентифікації (proxy.ts)Інтеграція REST API

Обов'язки

Розробка багаторазових React-компонентів
Реалізація автентифікації та захищених маршрутів
Інтеграція REST API за допомогою Axios
Реалізація Server-Side Rendering із гідратацією React Query
Розробка інтерактивних карт за допомогою Leaflet
Реалізація CRUD-функціоналу для локацій
Створення функцій керування профілем
Побудова адаптивного інтерфейсу за допомогою CSS Modules
Участь в архітектурі проєкту та code review

Виклики

Проєктування масштабованої архітектури App Router
Синхронізація стану сервера та клієнта
Реалізація intercepting routes і модальної навігації
Автентифікація з автоматичним оновленням сесії
Оптимізація продуктивності SSR