How nolgia00/my-portfolio works
This is a React portfolio site presenting its creator’s profile, skills, contact details, and work across web, games, music, and art. A visitor enters through the app shell, navigates to a page, and can browse project categories or open a project detail; the contact page presents a message form, though no submission service is evident in the supplied excerpts. Shared UI primitives support the pages. The project and skills views are documented in source excerpts; other page behavior is represented only where routing or imports establish it.
Main entry points: App.tsx App routing · ui UI primitives · Projects.tsx Project gallery · ProjectDetail.tsx Project detail
Components 11
Application shell
- React bootstrap
src/main.tsx - App routing
src/App.tsx
Portfolio pages
- Home page
src/pages/Hero.tsx - About profile
src/pages/About.tsx - Project gallery
src/pages/Projects.tsx - Project detail
src/pages/ProjectDetail.tsx - Skills overview
src/pages/Skills.tsx - Contact page
src/pages/Contacts.tsx
Portfolio content
- Project catalog
src/data/projects.ts
Shared interface
- UI primitives
src/components/ui
Other components
- Visitor
Connections 18
- Visitor → React bootstrap: opens site
src/main.tsx - React bootstrap → App routing: renders app
src/main.tsx - Visitor → App routing: navigates routes
src/App.tsx - App routing → Home page: routes to
src/App.tsx - App routing → About profile: routes to
src/App.tsx - App routing → Project gallery: routes to
src/App.tsx - App routing → Project detail: routes to
src/App.tsx - App routing → Skills overview: routes to
src/App.tsx - App routing → Contact page: routes to
src/App.tsx - Project gallery → Project catalog: reads catalog
src/pages/Projects.tsx - Project detail → Project catalog: reads project
src/pages/ProjectDetail.tsx - Home page → UI primitives: uses controls
src/pages/Hero.tsx - About profile → UI primitives: uses components
src/pages/About.tsx - Project gallery → UI primitives: uses components
src/pages/Projects.tsx - Project detail → UI primitives: uses components
src/pages/ProjectDetail.tsx - Skills overview → UI primitives: uses components
src/pages/Skills.tsx - Contact page → UI primitives: uses components
src/pages/Contacts.tsx - App routing → UI primitives: uses navigation UI
src/App.tsx