Back to Team Projects

Team

RelaxMap

A modern travel platform for discovering, sharing and managing recreation locations across Ukraine.

Live DemoView Code
RelaxMap

Overview

RelaxMap is a full-stack team project built with Next.js 16 and React 19. The platform allows users to discover recreation locations across Ukraine, create and edit their own places, leave reviews, manage personal profiles, and interact with an interactive map. The application combines Server-Side Rendering, React Query hydration, authentication, protected routes, and modern App Router architecture.

My Contribution

AuthenticationAuthorizationJWT AuthenticationProtected RoutesSession ManagementToken RefreshAuth Middleware (proxy.ts)REST API Integration

Responsibilities

  • Developed reusable React components
  • Implemented authentication and protected routes
  • Integrated REST API with Axios
  • Implemented Server-Side Rendering with React Query hydration
  • Developed interactive maps using Leaflet
  • Implemented CRUD functionality for locations
  • Created profile management features
  • Built responsive user interface with CSS Modules
  • Participated in project architecture and code reviews

Challenges

  • Designing scalable App Router architecture
  • Synchronizing server and client state
  • Implementing intercepting routes and modal navigation
  • Authentication with automatic session refresh
  • Optimizing SSR performance