双模式投资组合（GUI + Terminal）

Source: Dev.to

介绍

这是 Google AI 推出的 新年新你作品集挑战 的参赛作品。

大家好，我是 Rishon！我是一名全栈工程师（MERN），目前正在学习底层系统工程。我每天使用 Arch Linux 和 Sway WM，所以希望我的作品集能够体现我的 Arch 设置美学，同时对非技术访客也保持友好。我的目标是构建一个像家目录一样的站点——功能齐全、简洁、快速——而不是仅仅一个静态滚动页面。

在线演示

https://portfolio-1027678755768.us-central1.run.app

技术栈

• 前端: React、TypeScript、Tailwind CSS
• 后端: Node.js (Express)
• AI: Google Gemini 2.0 Flash
• 基础设施: Docker、Google Cloud Run

功能

自定义窗口管理器

实现了基于 React 的 “窗口管理器” 系统，用于在 GUI 与终端模式之间切换。

状态管理

应用在切换模式时会保留命令历史和窗口状态，模拟真实的桌面环境。

AI 集成

Node.js 后端安全地代理对 Gemini API 的请求。AI 充当 geminicli，一个拥有自定义系统提示的系统守护进程，了解我的简历、技术栈以及未来计划（例如构建高性能棋类引擎）。

全局快捷键

实现了全局键盘监听器，用户可以随时使用 Ctrl + Space 切换 AI 助手。

终端模拟器

支持常用命令如 ls、man、clear、whoami，以及我常用的自定义 CLI 工具 btop 和 geminicli。

AI 助手

在终端界面内直接提供上下文帮助和代码生成。

双模式体验

在图形 UI 与终端界面之间无缝切换，在同一个作品集中同时提供可视化和命令行交互。