How garbita1712-ops/garbita-portfolio works
This repository is a single-page developer portfolio built with Next.js. A visitor reaches the home route, whose page coordinates a preloader and renders the portfolio sections; the preloader’s completion callback reveals the page. The visible content covers the introduction, biography, selected work, interactive code terminal, skills, achievements, and contact. Project cards open a detail modal, and the navigation and work sections link to external profiles or repositories. The README is still the generic Next.js starter; the active page and sampled components provide the product evidence, while unsampled section behavior is not inferred.
Main entry points: page.tsx Home page · CleanWork.tsx Featured work · CleanNavbar.tsx Navigation · layout.tsx Root layout
Components 20
App shell
- Root layout
src/app/layout.tsx - Home page
src/app/page.tsx - Preloader
src/components/Preloader.tsx
Profile content
- Introduction
src/components/CleanHero.tsx - Tech marquee
src/components/TechMarquee.tsx - Biography
src/components/CleanAbout.tsx - Achievements
src/components/AchievementsTimeline.tsx
Work and skills
- Featured work
src/components/CleanWork.tsx - Project details
src/components/ProjectModal.tsx - Technology icons
src/components/TechLogos.tsx - Code terminal
src/components/CodeShowcase.tsx - Skills
src/components/CleanSkills.tsx
Navigation and contact
- Navigation
src/components/CleanNavbar.tsx - Contact
src/components/NivoraContact.tsx - Footer
src/components/NivoraFooter.tsx
Other components
- Visitor
- GitHub
- Resume host
- GitHub repositories
Connections 20
- Visitor → Root layout: requests page
- Root layout → Home page: renders route
- Home page → Preloader: renders; awaits finish
- Preloader → Home page: signals completion
- Home page → Navigation: renders
- Home page → Introduction: renders
- Home page → Tech marquee: renders
- Home page → Biography: renders
- Home page → Featured work: renders
- Home page → Code terminal: renders
- Home page → Skills: renders
- Home page → Achievements: renders
- Home page → Contact: renders
- Home page → Footer: renders
- Featured work → Project details: opens details
- Featured work → Technology icons: gets icons
- Navigation → GitHub: links profile
- Navigation → LinkedIn: links profile
- Navigation → Resume host: opens resume
- Featured work → GitHub repositories: links repositories