Strava React App

React and TypeScript app that connects to Strava and shows activities on an interactive map (React Leaflet). The application code lives in project/. For scripts, environment variables, and local setup, see the project/README.md.

Preview

Tech stack

• Node.js and npm — Vite 7, React 18, TypeScript
• Material UI
• Redux Toolkit and Redux Saga (app and async flow)
• Jest and React Testing Library; Playwright for E2E
• ESLint

Quick start

cd project
npm install

1. Create a Strava API application and note the OAuth client ID, secret, and callback URL.
2. Copy or edit environments/.env.development (or .env.local for npm run start:local) and set variables with the VITE_ prefix — Vite only exposes those to the client. See the project README for the full list, including optional map layers (e.g. Thunderforest).

npm run start:dev

CI

GitHub Actions run on main for this repo: .github/workflows/build_test_react.yml (E2E: e2e_playwright.yml, CodeQL: codeql-analysis.yml). The build job uses project/ as its working directory.

Strava API

• Strava API v3 reference
• Strava API playground