How doodle-iot/doodle-iot-studio works
This is a React single-page marketing site for Doodle IoT Studio, a web, mobile, and IoT development agency. Visitors explore the studio’s services and portfolio, can calculate an indicative quote, and can carry a service selection or estimate into the project-contact form. The graph follows the app’s explicit component wiring; unsampled sections are shown as product capabilities, but their internal behavior is not inferred.
Main entry points: App.tsx Page composition · PortfolioSection.tsx Portfolio showcase · Hero.tsx Studio introduction · ServicesSection.tsx Service catalog
Components 15
Studio presentation
- React entry
src/main.tsx - Page composition
src/App.tsx - Navigation
src/components/Navbar.tsx - Studio introduction
src/components/Hero.tsx
Services and proof
- Service catalog
src/components/ServicesSection.tsx - Portfolio showcase
src/components/PortfolioSection.tsx - Studio content data
src/data/companyData.ts
Project inquiry
- Quote estimator
src/components/QuoteEstimator.tsx - Contact form
src/components/ContactSection.tsx
Studio information
- Project process
src/components/ProcessSection.tsx - Testimonials
src/components/TestimonialsSection.tsx - About studio
src/components/AboutSection.tsx - FAQs
src/components/FAQSection.tsx - Footer and newsletter
src/components/Footer.tsx
Other components
- Site visitor
Connections 25
- Site visitor → React entry: opens site
- React entry → Page composition: renders
- Page composition → Navigation: renders
- Page composition → Studio introduction: renders
- Page composition → Service catalog: renders
- Page composition → Portfolio showcase: renders
- Page composition → Quote estimator: renders
- Page composition → Project process: renders
- Page composition → Testimonials: renders
- Page composition → About studio: renders
- Page composition → FAQs: renders
- Page composition → Contact form: renders
- Page composition → Footer and newsletter: renders
- Studio introduction → Studio content data: reads stats
- Portfolio showcase → Studio content data: reads projects
- Navigation → Page composition: requests navigation
- Studio introduction → Page composition: requests quote or contact
- Service catalog → Page composition: selects service
- Portfolio showcase → Page composition: selects project
- Quote estimator → Page composition: passes estimate
- Page composition → Contact form: passes inquiry details
- Site visitor → Service catalog: explores offerings
- Site visitor → Portfolio showcase: explores work
- Site visitor → Quote estimator: configures estimate
- Site visitor → Contact form: submits brief