How cjozah/cj-portfolio works
CJ’s Portfolio is a Flutter portfolio site for presenting Canaan Ozah’s work and background. A visitor enters the app, reaches the home page, and browses its portfolio sections: hero, app showcase, work, projects, about, experience, services, and contact. The README identifies a central content-data module, shared widgets, and theme wiring. It also documents app-icon and screenshot assets for the recent-app mock-up and gallery. The web runtime nodes reflect the checked-in generated loader and renderer files; application-source relationships are based on README structure, since those Dart sources were not excerpted.
Main entry points: home_page.dart Home page · main.dart Flutter app · portfolio_data.dart Portfolio data · flutter.js Flutter loader
Components 22
Portfolio experience
- Flutter app
lib/main.dart - Home page
lib/home_page.dart - Hero
lib/sections/hero.dart - App showcase
lib/sections/showcase.dart - Work
lib/sections/work.dart - Projects
lib/sections/projects.dart - About
lib/sections/about.dart - Experience
lib/sections/experience.dart - Services
lib/sections/services.dart - Contact
lib/sections/contact.dart
Portfolio content
- Portfolio data
lib/data/portfolio_data.dart
Shared UI
- App theme
lib/theme/app_theme.dart - Shared widgets
lib/widgets
Web runtime
- Web bootstrap
web copy/flutter_bootstrap.js - Flutter loader
web copy/flutter.js - CanvasKit renderer
web copy/canvaskit/canvaskit.js - Chromium renderer
web copy/canvaskit/chromium/canvaskit.js - Skwasm renderer
web copy/canvaskit/skwasm.js - Skwasm heavy
web copy/canvaskit/skwasm_heavy.js - Paragraph renderer
web copy/canvaskit/webparagraph/canvaskit.js - Wimp renderer
web copy/canvaskit/wimp.js
Other components
- Visitor
Connections 15
- Visitor → Flutter app: opens
- Flutter app → Home page: wires
README.md - Home page → Hero: presents
README.md - Home page → App showcase: presents
README.md - Home page → Work: presents
README.md - Home page → Projects: presents
README.md - Home page → About: presents
README.md - Home page → Experience: presents
README.md - Home page → Services: presents
README.md - Home page → Contact: presents
README.md - Portfolio data → App showcase: supplies app content
README.md - Portfolio data → Projects: supplies app content
README.md - Flutter app → App theme: wires
README.md - Web bootstrap → Flutter loader: loads
web copy/flutter_bootstrap.js - Flutter loader → CanvasKit renderer: selects renderer
web copy/flutter.js