Gage D'OrlandoFull stack web developer
Richmond, VA
P—02 — Case study

ClimbersDen

Overview

ClimbersDen is a social platform for rock climbers. Members post to a realtime feed, browse climbing crags with weather forecasts, plan trips, build gear lists, and message each other directly or in group chats.

Sole developer — architecture, backend, realtime systems, and UI.

Stack
React Router v7 · SSR · Supabase · Socket.IO
Type
Social platform for climbers
GitHub
Source
Visit site
Live

Social platform for climbers

Approach

  • React Router v7 in hybrid framework mode for server-side rendering, keeping crag and feed pages fast and crawlable.
  • Supabase for the PostgreSQL database and auth.
  • Socket.IO for realtime updates across posts, messages, notifications, and group chats.
  • OpenBeta for crag and route data, OpenWeatherMap for forecasts, and Mapbox for a functional map showing crags around the user.

Challenges

Keeping realtime state (feed, messages, notifications) consistent with server-rendered pages.

Merging three external data sources — routes, weather, and maps — into one coherent crag view.

Designing trip planning and gear lists so groups can coordinate without leaving the app.

Outcome

Live at climbersden.gagedorl.com — a deployed, server-rendered social product with working realtime messaging.

All work