How chineduoscar/dogsite works
This repository is a small React dog-site frontend, not a backend or a broader adoption workflow. The user-facing path is browser entry → route selection → Home dog listing or Contact form; both pages request dog JSON from the same external GitHub-hosted file. Home renders the returned dogs, while Contact currently logs its form data and the response rather than submitting contact information to a service. Source excerpts establish these calls; no additional capabilities are documented in the README.
Main entry points: App.jsx App routes · main.jsx React entry · Home.jsx Dog listing · Contact.jsx Contact form
Components 7
React runtime
- React entry
src/main.jsx - App routes
src/App.jsx
Dog site pages
- Dog listing
src/pages/Home.jsx - Contact form
src/pages/Contact.jsx
External data
- Dog JSON
Other components
- Site visitor
- Web browser
Connections 7
- Site visitor → Web browser: opens site
- Web browser → React entry: loads app
- React entry → App routes: renders
src/main.jsx - App routes → Dog listing: routes /
src/App.jsx - App routes → Contact form: routes /contact
src/App.jsx - Dog listing → Dog JSON: fetches JSON
src/pages/Home.jsx - Contact form → Dog JSON: requests JSON
src/pages/Contact.jsx