How yashmishraaaa/aftab works
This is a single-page portfolio site for video editor Aftab Alam. A visitor enters through the hero, navigates to selected work and biography, previews portfolio clips on hover, then reaches contact options. The contact form currently prevents submission and has no evidenced delivery behavior. The README describes a generic Vite template rather than product capabilities; architecture here follows sampled UI source. Styling and app mounting are included as internal layers.
Main entry points: App.tsx Page Composition · HeroSection.tsx Hero Navigation · main.tsx React Mount · PortfolioGrid.tsx Project Previews
Components 10
App Entry
- React Mount
src/main.tsx - Page Composition
src/App.tsx - Global Styles
src/index.css
Portfolio Pages
- Hero Navigation
src/components/HeroSection.tsx - Project Previews
src/components/PortfolioGrid.tsx - Editor Profile
src/components/AboutMe.tsx
Contact
- Contact Options
src/components/ContactSection.tsx
Other components
- Visitor
- Video CDN
- Email Client
Connections 14
- Visitor → React Mount: opens site
- React Mount → Page Composition: renders
- React Mount → Global Styles: loads styles
- Page Composition → Hero Navigation: renders
- Page Composition → Project Previews: renders
- Page Composition → Editor Profile: renders
- Page Composition → Contact Options: renders
- Hero Navigation → Project Previews: links to work
- Hero Navigation → Editor Profile: links to about
- Hero Navigation → Contact Options: links to contact
- Hero Navigation → Video CDN: loads background clip
- Project Previews → Video CDN: loads and previews clips
- Editor Profile → Video CDN: loads profile clip
- Contact Options → Email Client: opens mail link