How nataniella-o/personal-website works
This is a personal portfolio website: visitors browse the owner’s profile, experience, and project work, with project detail pages and a downloadable resume. The runtime mounts a React app, routes URLs to page components, and renders portfolio content from reusable components and data modules. The README documents the overall page and data structure; sampled source confirms route dispatch, app mounting, the About activity scroller, and project inventory, but not every page’s internal wiring.
Main entry points: App.jsx Route dispatcher · main.jsx React entry · About.jsx About page · Experience.jsx Experience page
Components 16
App runtime
- React entry
src/main.jsx - Route dispatcher
src/App.jsx
Portfolio pages
- Home page
src/pages/Home.jsx - About page
src/pages/About.jsx - Experience page
src/pages/Experience.jsx - Projects page
src/pages/Projects.jsx - Project detail
src/pages/ProjectDetail.jsx - Not found
src/pages/NotFound.jsx
Portfolio content
- Project inventory
src/data/projects.js - Experience records
src/data/experience.js
Shared presentation
- Activity scroller
src/components/about/ActivityScroller.jsx - Site navigation
src/components/layout/Header.jsx - Site footer
src/components/layout/Footer.jsx - Scroll reset
src/components/layout/ScrollToTop.jsx
Other components
- Site visitor
- Resume PDF
public/assets/Nataniella_Ogogo_Resume.pdf
Connections 14
- Site visitor → React entry: opens site
- React entry → Route dispatcher: mounts app
- Route dispatcher → Scroll reset: renders
- Route dispatcher → Home page: routes to
- Route dispatcher → About page: routes to
- Route dispatcher → Experience page: routes to
- Route dispatcher → Projects page: routes to
- Route dispatcher → Project detail: routes to
- Route dispatcher → Not found: fallback route
- About page → Activity scroller: renders
- Site navigation → Resume PDF: links to
- Experience page → Experience records: uses records
- Projects page → Project inventory: uses records
- Project detail → Project inventory: uses records