How adityavhlvy/kura-ninja-client works
Kura Ninja Client is a client-rendered personal portfolio. Visitors enter through routed pages, discover featured and complete project listings, and open case studies; they can also browse writing, profile and career information, contact details, and a brand guide. The home page combines an interactive Indonesia map with project, journey, and philosophy sections. Portfolio content is exposed to views through a typed accessor module. Route wiring and several key components are sampled; other page-level links to data are documented but not verified in source excerpts.
Main entry points: App.tsx Routes and transitions · portfolio.ts Typed content access · Home.tsx Home page · Header.tsx Navigation header
Components 20
App shell
- Routes and transitions
src/App.tsx - Navigation header
src/layout/Header.tsx - Command menu
src/components/CommandMenu.tsx - Site footer
src/layout/Footer.tsx
Project discovery
- Home page
src/pages/Home.tsx - Interactive map
src/components/ArchipelagoMap.tsx - Featured projects
src/pages/home/Flagships.tsx - Project listing
src/pages/Work.tsx - Case studies
src/pages/CaseStudy.tsx - Home work index
src/pages/home/WorkIndex.tsx
Profile and editorial
- Post listing
src/pages/Blog.tsx - Post detail
src/pages/Post.tsx - Profile and journey
src/pages/About.tsx - Certifications
src/pages/Credentials.tsx - Contact page
src/pages/Contact.tsx - Brand guide
src/pages/Brand.tsx - Home journey section
src/pages/home/Journey.tsx - Home philosophy
src/pages/home/Philosophy.tsx
Portfolio content
- Typed content access
src/data/portfolio.ts
Other components
- Portfolio visitor
Connections 28
- Portfolio visitor → Routes and transitions: opens site
- Routes and transitions → Navigation header: renders navigation
- Routes and transitions → Site footer: renders footer
- Routes and transitions → Home page: routes home
- Routes and transitions → Project listing: routes projects
- Routes and transitions → Case studies: routes case study
- Routes and transitions → Post listing: routes blog
- Routes and transitions → Post detail: routes post
- Routes and transitions → Profile and journey: routes profile
- Routes and transitions → Certifications: routes credentials
- Routes and transitions → Contact page: routes contact
- Routes and transitions → Brand guide: routes brand
- Navigation header → Command menu: opens menu
- Home page → Interactive map: renders map
- Home page → Featured projects: renders projects
- Home page → Home journey section: renders journey
- Home page → Home work index: renders work index
- Home page → Home philosophy: renders philosophy
- Featured projects → Typed content access: reads featured projects
- Case studies → Typed content access: reads project details
- Command menu → Typed content access: searches projects and posts
- Project listing → Typed content access: reads projects
- Post listing → Typed content access: reads posts
- Post detail → Typed content access: reads post content
- Profile and journey → Typed content access: reads profile and journey
- Certifications → Typed content access: reads certifications
- Contact page → Typed content access: reads contact details
- Interactive map → Typed content access: reads map data