Back to Projects
// project_03Web DevelopmentApp DevelopmentLive

Pin Sports: Unified Event Discovery Platform

The unified event discovery and community platform built by Pristren to transform how people experience real-world connections. Explore dynamic events, engage with communities, and manage entire event lifecycles — all in one seamless ecosystem spanning web and mobile.

// built_with
ReactTypeScriptReduxGoogle MapsExpressMongoDB
// sketch#03
Event discovery
stack
6
features
6
steps
5
pinmap.ch
Pin Sports: Unified Event Discovery Platform

Project Overview

// overview

The Vision

At Pristren, we built Pin Sports to solve the fragmented event discovery problem with an intuitive, geospatial experience that merges exploration, engagement, and management under one roof. Built for scale and simplicity, Pin Sports features interactive map-based discovery powered by Google Maps SDK, guided 3-step event creation with instant publishing, unified RSVP, invitations, and group coordination suite, plus a cross-platform design system ensuring consistent UX across mobile and web. Active across 4+ countries with real-time analytics, Pin Sports drastically reduces event creation friction and delivers cohesive marketing, onboarding, and live operations through one stack. We're reimagining how digital tools empower real-life experiences — Pin Sports is our step toward a more connected, experience-driven world.

Technical Details

Pin Sports is a comprehensive event discovery and community platform that powers both the public marketing site and companion mobile applications, offering a cohesive, scalable ecosystem across web and mobile. The platform delivers a production-ready web experience showcasing verified events across 4+ countries with real-time analytics from a live API. Features include a sophisticated event exploration hub with map/list view toggle, smart category filters, and date-based presets, along with media-rich event and group detail pages with image galleries, RSVP dashboards, comment threads, and shareable QR codes. Built with React 18 (Vite, TypeScript, Tailwind, Framer Motion), Redux Toolkit with RTK Query and Zod validation, the platform integrates Google Maps SDK for location discovery, autocomplete search, clustering, and markers. The backend leverages Node/Express with MongoDB, Cloudinary for media management, and Resend for email integrations, supporting organizer tools for creating, editing, duplicating, and scheduling events.

Impact & Results

// outcome

Active across 4+ countries with real-time analytics. Drastically reduced event creation friction and delivered cohesive marketing, onboarding, and live operations through one stack.

How It Works

// workflow
01

Users discover events through an interactive map or list view with smart filters for categories, dates, and locations

02

Event organizers create events using a guided 3-step wizard: set basic info, add location and timing, upload media and publish

03

Community members RSVP to events, receive automated confirmations via email, and get QR codes for check-in

04

Real-time updates sync across web and mobile apps as users interact with events, join groups, or post comments

05

Analytics dashboard tracks engagement metrics, attendance trends, and geographic distribution for data-driven improvements

Key Features & Capabilities

// 01

Interactive map-based discovery powered by Google Maps SDK

// 02

Guided 3-step event creation with instant publishing

// 03

Unified RSVP, invitations, and group coordination suite

// 04

Cross-platform design system ensuring consistent UX

// 05

Real-time analytics across 4+ countries

// 06

Redux Toolkit + RTK Query + Zod validation

Challenges & Solutions

// problem

Challenges

  • •Fragmented event discovery across multiple platforms
  • •Complex multi-platform synchronization requirements
  • •Real-time data consistency across web and mobile
  • •Geospatial query performance at scale
// fix

Solutions

  • ✓Built unified platform with shared API serving web and mobile
  • ✓Implemented Redux Toolkit with RTK Query for efficient state management
  • ✓Leveraged Google Maps SDK with clustering for optimal performance
  • ✓Used MongoDB geospatial indexes for fast location-based queries

Technology Stack

// stack

Built with a modern technology stack designed for performance, scalability, and maintainability.

ReactTypeScriptReduxGoogle MapsExpressMongoDB
// meta

Project Info

Categories

Web DevelopmentApp Development

Tags

React NativeTypeScriptMapsReal-timeEvent TechCommunity PlatformViteRedux ToolkitFramer Motion

Quick Stats

tech_stack6
features6
workflow_steps5