How igoogiigo/shibghotul-portofolio works
This is a React portfolio site: visitors browse a profile, experience, project work, credentials, and contact details through one rendered page. The visible workflow is browser entry → React app → portfolio sections, with navigation, theme/menu state, scroll animation, project tabs, and a contact form in the app. The README identifies a Gemini API key for local setup, but the sampled runtime shows no Gemini call or backend; the omitted App.tsx sections prevent confirming form submission behavior or other wiring.
Main entry points: App.tsx Portfolio App · main.tsx React Mount · index.css Global Styles
Components 13
Page Entry
- React Mount
src/main.tsx
Portfolio Experience
- Portfolio App
src/App.tsx - Profile & Intro
src/App.tsx - Experience
src/App.tsx - Projects
src/App.tsx - Skills
src/App.tsx - Credentials
src/App.tsx - Contact Form
src/App.tsx
UI Presentation
- Navigation & Theme
src/App.tsx - Scroll & Motion
src/App.tsx - Global Styles
src/index.css
Other components
- Visitor
- Web Browser
Connections 12
- Visitor → Web Browser: opens page
- Web Browser → React Mount: loads app
- React Mount → Portfolio App: renders
- Portfolio App → Profile & Intro: renders
- Portfolio App → Experience: renders
- Portfolio App → Projects: renders
- Portfolio App → Skills: renders
- Portfolio App → Credentials: renders
- Portfolio App → Contact Form: renders
- Portfolio App → Navigation & Theme: manages
- Portfolio App → Scroll & Motion: uses
- React Mount → Global Styles: imports