How obinnaiwuh/pet-haven works
Pet Haven is a React pet-shop storefront presented as a single-page site. Visitors use the navigation and hero links to browse pet categories and featured products, then view store information or contact details. The product catalog and category listings are static data rendered in the browser; the sampled code shows no checkout, message submission, or backend integration. The README provides no additional capability detail, and several component implementations were not sampled, so their behavior and wiring are not expanded here.
Main entry points: App.jsx Page Composition · Navbar.jsx Navigation · Products.jsx Featured Products · Hero.jsx Hero Section
Components 12
Page Shell
- React Mount
src/main.jsx - Page Composition
src/App.jsx - Navigation
src/components/Navbar.jsx
Storefront Browsing
- Hero Section
src/components/Hero.jsx - Pet Categories
src/components/Categories.jsx - Featured Products
src/components/Products.jsx - Product Card
src/components/ProductCard.jsx
Store Information
- Store Benefits
src/components/WhyChooseUs.jsx - About Section
src/components/About.jsx - Contact Section
src/components/Contact.jsx - Footer
src/components/Footer.jsx
Other components
- Visitor
Connections 19
- Visitor → React Mount: opens site
- React Mount → Page Composition: mounts
- Page Composition → Navigation: renders
- Page Composition → Hero Section: renders
- Page Composition → Pet Categories: renders
- Page Composition → Featured Products: renders
- Page Composition → Store Benefits: renders
- Page Composition → About Section: renders
- Page Composition → Contact Section: renders
- Page Composition → Footer: renders
- Featured Products → Product Card: renders
- Hero Section → Featured Products: links to shop
- Hero Section → Pet Categories: links to categories
- Pet Categories → Featured Products: links to products
- Navigation → Hero Section: links home
- Navigation → Featured Products: links to shop
- Navigation → Pet Categories: links to categories
- Navigation → About Section: links to about
- Navigation → Contact Section: links to contact