Skip to content

Add documentation website with interactive demo - #3

Merged
chtitux merged 1 commit into
mainfrom
claude/create-gtfs-sqljs-module-011CUpNnKLtuvzDDzXYZFyRm
Nov 5, 2025
Merged

chtitux merged 1 commit into
mainfrom
claude/create-gtfs-sqljs-module-011CUpNnKLtuvzDDzXYZFyRm

Conversation

@chtitux

@chtitux chtitux commented Nov 5, 2025

Copy link
Copy Markdown
Contributor

Website Features:

  • Comprehensive documentation page with all API methods
  • Interactive demo using real Car Jaune GTFS data (Martinique, France)
  • Beautiful responsive UI with proper styling

Demo Features:

  • Display calendar information with visual day indicators
  • List all routes with proper background and text colors (from GTFS route_color)
  • Click on route to view all trips
  • Click on trip to view stop times with stop names
  • Smooth scrolling and intuitive navigation

Technical:

  • Built with Vite for fast builds
  • TypeScript for type safety
  • Uses gtfs-sqljs library to load and query GTFS data
  • sql.js loaded from CDN with proper WASM support
  • Car Jaune GTFS data (2.3MB) downloaded from pysae.com API
  • GitHub Pages deployment workflow configured

Files:

  • website/index.html - Documentation page
  • website/demo.html - Interactive demo page
  • website/demo.ts - Demo logic (route/trip/stop time display)
  • website/style.css - Complete styling
  • website/public/car-jaune.zip - Real GTFS data from Martinique
  • .github/workflows/pages.yml - GitHub Pages deployment

Ready to deploy to GitHub Pages!

Website Features:
- Comprehensive documentation page with all API methods
- Interactive demo using real Car Jaune GTFS data (Martinique, France)
- Beautiful responsive UI with proper styling

Demo Features:
- Display calendar information with visual day indicators
- List all routes with proper background and text colors (from GTFS route_color)
- Click on route to view all trips
- Click on trip to view stop times with stop names
- Smooth scrolling and intuitive navigation

Technical:
- Built with Vite for fast builds
- TypeScript for type safety
- Uses gtfs-sqljs library to load and query GTFS data
- sql.js loaded from CDN with proper WASM support
- Car Jaune GTFS data (2.3MB) downloaded from pysae.com API
- GitHub Pages deployment workflow configured

Files:
- website/index.html - Documentation page
- website/demo.html - Interactive demo page
- website/demo.ts - Demo logic (route/trip/stop time display)
- website/style.css - Complete styling
- website/public/car-jaune.zip - Real GTFS data from Martinique
- .github/workflows/pages.yml - GitHub Pages deployment

Ready to deploy to GitHub Pages!
@chtitux
chtitux merged commit a8b41c8 into main Nov 5, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants