How navnee1h/terminal-portfolio works
This is a React terminal-style personal portfolio. The browser mounts the app, which supplies global styling and the selected theme to the terminal; users enter commands, the terminal parses and dispatches them to portfolio and utility views, and selected commands can open external links or update the theme. The README documents responsive, keyboard-friendly interaction and the command set. The graph follows the sampled dispatch code; unsampled command implementations are represented by their paths, without inferring their internal behavior.
Main entry points: Terminal.tsx Command terminal · App.tsx App shell · theme.ts Theme definitions · Themes.tsx Theme command
Components 17
Application shell
- React entry
src/main.tsx - App shell
src/App.tsx - Theme definitions
src/styles/theme.ts - Global styles
src/styles/global.ts
Terminal interaction
- Command terminal
src/components/Terminal.tsx - Welcome screen
src/components/Welcome.tsx
Portfolio commands
Terminal utilities
- Help
src/components/commands/Help.tsx - Theme command
src/components/commands/Themes.tsx - Time command
src/components/commands/Time.tsx - Keyboard shortcuts
src/components/commands/Shortcuts.tsx
Other components
- Visitor
Connections 23
- Visitor → React entry: opens site
README.md - React entry → App shell: mounts
src/main.tsx - App shell → Command terminal: renders
src/App.tsx - App shell → Theme definitions: selects theme
src/App.tsx - App shell → Global styles: applies styles
src/App.tsx - Command terminal → Theme definitions: reads themes
src/components/Terminal.tsx - Global styles → Theme definitions: uses colors
src/styles/global.ts - Command terminal → Welcome screen: renders
src/components/Terminal.tsx - Command terminal → About: dispatches about
src/components/Terminal.tsx - Command terminal → Education: dispatches education
src/components/Terminal.tsx - Command terminal → Projects: dispatches projects
src/components/Terminal.tsx - Command terminal → Skills: dispatches skills
src/components/Terminal.tsx - Command terminal → Contact: dispatches contact
src/components/Terminal.tsx - Command terminal → Social links: dispatches socials
src/components/Terminal.tsx - Command terminal → Help: dispatches help
src/components/Terminal.tsx - Command terminal → Theme command: dispatches themes
src/components/Terminal.tsx - Command terminal → Time command: dispatches time
src/components/Terminal.tsx - Command terminal → Keyboard shortcuts: dispatches shortcuts
src/components/Terminal.tsx - Theme command → Theme definitions: reads options
src/components/commands/Themes.tsx - Theme command → App shell: updates selection
- Projects → Visitor: opens project link
src/components/commands/Projects.tsx - Social links → Visitor: opens social link
src/components/commands/Socials.tsx - Welcome screen → Command terminal: requests help
src/components/Welcome.tsx