How shawon-lab-debug/shawon-portfolio works
This is a React portfolio site presenting the developer’s profile, skills, projects, certifications, and contact route. A visitor enters through the browser, which renders the routed pages inside a shared layout; the home page assembles preview sections and links into fuller portfolio pages. The graph preserves the main presentation branches and the heading animation layer. Routing and selected component relationships are evidenced by excerpts or the source index; unsampled page internals and integrations are not inferred.
Main entry points: AppRoutes.tsx Route dispatcher · Home.tsx Home page · main.tsx React mount · App.tsx App
Components 21
Application and routing
- React mount
shawon-portfolio/src/main.tsx - App
shawon-portfolio/src/App.tsx - Route dispatcher
shawon-portfolio/src/routes/AppRoutes.tsx
Shared site layout
- Main layout
shawon-portfolio/src/layouts/MainLayout.tsx - Navigation bar
shawon-portfolio/src/components/layout/Navbar/Navbar.tsx
Home page presentation
- Home page
shawon-portfolio/src/pages/Home.tsx - Hero and tech marquee
shawon-portfolio/src/components/sections/Hero/Hero.tsx - About preview
shawon-portfolio/src/components/sections/AboutPreview/AboutPreview.tsx - Featured projects
shawon-portfolio/src/components/sections/FeaturedProjects/FeaturedProjects.tsx - Technical expertise
shawon-portfolio/src/components/sections/TechnicalExpertise/TechnicalExpertise.tsx - Certification preview
shawon-portfolio/src/components/sections/CertificationPreview/CertificationPreview.tsx - Final call to action
shawon-portfolio/src/components/sections/FinalCTA/FinalCTA.tsx - Animated section heading
shawon-portfolio/src/components/ui/SectionHeading.tsx - Word reveal
shawon-portfolio/src/components/animations/WordReveal.tsx
Portfolio pages
- About page
shawon-portfolio/src/pages/About.tsx - Projects page
shawon-portfolio/src/pages/Projects.tsx - Certifications page
shawon-portfolio/src/pages/Certifications.tsx - Contact page
shawon-portfolio/src/pages/Contact.tsx - Not found page
shawon-portfolio/src/pages/NotFound.tsx
Other components
- Site visitor
- Web browser
Connections 19
- Site visitor → Web browser: opens site
- Web browser → React mount: loads app
- React mount → App: renders
shawon-portfolio/src/main.tsx - App → Route dispatcher: renders
shawon-portfolio/src/App.tsx - Route dispatcher → Main layout: wraps routes
shawon-portfolio/src/routes/AppRoutes.tsx - Route dispatcher → Home page: routes to
shawon-portfolio/src/routes/AppRoutes.tsx - Route dispatcher → About page: routes to
shawon-portfolio/src/routes/AppRoutes.tsx - Route dispatcher → Projects page: routes to
shawon-portfolio/src/routes/AppRoutes.tsx - Route dispatcher → Certifications page: routes to
shawon-portfolio/src/routes/AppRoutes.tsx - Route dispatcher → Contact page: routes to
shawon-portfolio/src/routes/AppRoutes.tsx - Route dispatcher → Not found page: routes to
shawon-portfolio/src/routes/AppRoutes.tsx - Main layout → Navigation bar: renders
shawon-portfolio/src/layouts/MainLayout.tsx - Home page → Hero and tech marquee: renders
shawon-portfolio/src/pages/Home.tsx - Home page → About preview: renders
shawon-portfolio/src/pages/Home.tsx - Home page → Featured projects: renders
shawon-portfolio/src/pages/Home.tsx - Home page → Technical expertise: renders
shawon-portfolio/src/pages/Home.tsx - Home page → Certification preview: renders
shawon-portfolio/src/pages/Home.tsx - Home page → Final call to action: renders
shawon-portfolio/src/pages/Home.tsx - Animated section heading → Word reveal: renders
shawon-portfolio/src/components/ui/SectionHeading.tsx