How free-apis/free-apis.github.io works
Free APIs is a React site for discovering free APIs. Visitors can browse the full collection or select a category, then search, sort or shuffle results and follow a card to the API’s own site. The sampled pages show API retrieval and session caching, with shared list controls and cards; category browsing and informational pages are separate branches. The graph also includes the documented API metadata indicators. Some page implementations were not sampled, so their internal behavior is represented only where README or source references support it.
Main entry points: App.js Route dispatcher · Template/index.js Page template · Category/index.js Category results · Browse/index.js Browse all
Components 23
App routing
- React bootstrap
src/index.js - Route dispatcher
src/App.js - Web vitals
src/reportWebVitals.js
API discovery
- Browse all
src/pages/Browse/index.js - Category index
src/pages/Categories/index.js - Category results
src/pages/Category/index.js - API list
src/components/ListDisplay/index.js - API card
src/components/ListDisplay/Card/index.js - List controls
src/components/ListDisplay/OptionsRow/index.js
Shared interface
- Page template
src/pages/Template/index.js - Navigation
src/components/Nav/index.js - Footer
src/components/Footer/index.js - Scroll reset
src/components/ScrollToTop/index.js - Tracking
src/components/Tracking/index.js - Scroll up
src/components/ScrollUp/index.js
Site information
- Home page
src/pages/Home/index.js - About page
src/pages/About/index.js - Help page
src/pages/HelpPage/index.js - Not found
src/pages/NotFound/index.js
Other components
- Visitor
- Public APIs service
- Session storage
- API websites
Connections 36
- Visitor → React bootstrap: opens site
README.md - React bootstrap → Route dispatcher: renders
src/index.js - React bootstrap → Web vitals: reports metrics
src/index.js - Route dispatcher → Home page: routes to
src/App.js - Route dispatcher → Browse all: routes to
src/App.js - Route dispatcher → Category index: routes to
src/App.js - Route dispatcher → Category results: routes to
src/App.js - Route dispatcher → About page: routes to
src/App.js - Route dispatcher → Help page: routes to
src/App.js - Route dispatcher → Not found: routes to
src/App.js - Route dispatcher → Scroll reset: renders
src/App.js - Route dispatcher → Tracking: invokes
src/App.js - Browse all → Public APIs service: fetches entries
src/pages/Browse/index.js - Browse all → Session storage: reads and writes
src/pages/Browse/index.js - Category results → Public APIs service: fetches entries
src/pages/Category/index.js - Category results → Session storage: reads and writes
src/pages/Category/index.js - Category index → Public APIs service: fetches categories
src/pages/Categories/index.js - Category index → Session storage: reads and writes
src/pages/Categories/index.js - Category index → Category results: links to
src/pages/Categories/index.js - Browse all → API list: renders results
src/pages/Browse/index.js - Category results → API list: renders results
src/pages/Category/index.js - API list → API card: renders
src/components/ListDisplay/index.js - API list → List controls: renders
src/components/ListDisplay/index.js - API card → API websites: links to
src/components/ListDisplay/Card/index.js - Browse all → Page template: renders within
src/pages/Browse/index.js - Category index → Page template: renders within
src/pages/Categories/index.js - Category results → Page template: renders within
src/pages/Category/index.js - Home page → Page template: renders within
src/pages/Home/index.js - About page → Page template: renders within
src/pages/About/index.js - Help page → Page template: renders within
src/pages/HelpPage/index.js - Not found → Page template: renders within
src/pages/NotFound/index.js - Page template → Navigation: renders
src/pages/Template/index.js - Page template → Footer: renders
src/pages/Template/index.js - Browse all → Scroll up: renders
src/pages/Browse/index.js - Category results → Scroll up: renders
src/pages/Category/index.js - Category index → Scroll up: renders
src/pages/Categories/index.js