Skip to main content
The Been project is built with a set of modular React components that work together to create an interactive travel tracking experience.

​
Available Components

App

Root application component that orchestrates the main layout and state

Globe

Interactive 3D globe powered by Mapbox GL that displays visited countries

Menu

Sidebar menu with search functionality and regional organization

MenuItem

Individual country checkbox item within the menu

Progress

Circular progress indicator showing completion percentage

​
Architecture

All components are built with:
  • React 18+ with TypeScript for type safety
  • Jotai for state management
  • Memo optimization for performance
  • Tailwind CSS for styling

​
Component Hierarchy

App
├── Globe (interactive map)
└── Menu (sidebar)
    ├── MenuItem (country checkboxes)
    └── Progress (completion indicators)

Build docs developers (and LLMs) love

Get started for freeTalk to us