How seerat89/random-advice-generator works
This small React app retrieves one advice slip on initial mount and again when the user selects “New advice,” then displays the returned sentence. src/App.js owns both requests and the loading/advice state; src/index.js mounts that app. The Advice Slip API is the only runtime service documented and shown. The graph focuses on this workflow rather than build and test tooling.
Main entry points: App.js Advice display · index.js React mount
Components 4
Advice app
- React mount
src/index.js - Advice display
src/App.js
External service
- Advice Slip API
Other components
- Visitor
Connections 5
- React mount → Advice display: mounts
- Visitor → Advice display: requests advice
- Advice display → Advice Slip API: fetches advice
- Advice Slip API → Advice display: returns slip
- Advice display → Visitor: displays advice