海风的案例列表
电商平台
一个仿主流电商平台核心购物流程的移动端 Web App 前端演示项目，模拟商品浏览、分类筛选、购物车计数等交互，展示现代前端组件化与状态管理能力。 技术栈 Vue 3 (Composition API) + Pinia（实际架构设计） 展示层采用 HTML5/CSS3 + Flex/Grid 布局 图标库 Font Awesome 6 响应式设计，完美适配手机及平板 核心功能 商品展示网格：动态渲染商品卡片（图片占位、名称、价格） 分类导航栏：横向滚动分类标签，高亮当前选中项 购物车悬浮计数：点击“加入购物车”实时更新角标数量，并提供微反馈动画
智能待办与番茄专注
项目名称：番茄待办 · 专注效率工具 项目定位 一个融合番茄工作法与待办清单的前端应用，帮助用户管理日常任务并提升专注力。所有数据通过 localStorage 持久化，无需后端即可完整运行。 技术栈 原生 HTML5 / CSS3（Flex + Grid 布局） 纯 JavaScript（ES6+） 无任何第三方 UI 库，轻量自研 LocalStorage API 实现数据本地存储 CSS 变量与渐变、动态环形进度图 核心功能 番茄计时器：支持开始/暂停/重置，25 分钟倒计时，剩余时间动态显示，并用 conic-gradient 实时绘
案例判断参考
海风的案例列表
电商平台
一个仿主流电商平台核心购物流程的移动端 Web App 前端演示项目，模拟商品浏览、分类筛选、购物车计数等交互，展示现代前端组件化与状态管理能力。 技术栈 Vue 3 (Composition API) + Pinia（实际架构设计） 展示层采用 HTML5/CSS3 + Flex/Grid 布局 图标库 Font Awesome 6 响应式设计，完美适配手机及平板 核心功能 商品展示网格：动态渲染商品卡片（图片占位、名称、价格） 分类导航栏：横向滚动分类标签，高亮当前选中项 购物车悬浮计数：点击“加入购物车”实时更新角标数量，并提供微反馈动画...
智能待办与番茄专注
项目名称：番茄待办 · 专注效率工具 项目定位 一个融合番茄工作法与待办清单的前端应用，帮助用户管理日常任务并提升专注力。所有数据通过 localStorage 持久化，无需后端即可完整运行。 技术栈 原生 HTML5 / CSS3（Flex + Grid 布局） 纯 JavaScript（ES6+） 无任何第三方 UI 库，轻量自研 LocalStorage API 实现数据本地存储 CSS 变量与渐变、动态环形进度图 核心功能 番茄计时器：支持开始/暂停/重置，25 分钟倒计时，剩余时间动态显示，并用 conic-gradient 实时绘...
