跳到主要内容

软件工程学生 · Web 开发 · 算法实验 · AI 工具

Chase Chen把想法快速做成可用产品

我是一名华南理工大学软件工程大一学生,正在系统学习 Web 开发、数据结构与算法、数据库和 AI 应用开发。这个网站用于记录我的学习过程,以及把想法逐步实现为可用小项目的尝试。

03

展示项目

04

学习方向

首版

当前阶段

成长记录

身份

Chase Chen · 华南理工大学软件工程大一学生

正在构建

作品集、算法实验室、AI 学习工具原型

长期目标

把想法逐步做成清晰、可用、能复盘的小产品

当前主线
Web 开发与作品集迭代
基础学习
数据结构、算法与数据库
正在探索
算法可视化与 AI 学习工具
学习阶段
华南理工大学软件工程大一

技术栈滚动展示:Next.js、React、TypeScript、Tailwind CSS、组件拆分、响应式页面、算法可视化、AI 工具探索、项目复盘、华工软工大一

当前主线

正在建设的三个方向

首页先让访问者快速理解我是谁,再通过项目、实验和学习记录看到持续动手的轨迹。

首版可用

作品集迭代

把个人介绍、项目记录、博客和实验室连接成清晰的成长档案。

首版可用

算法实验室

排序可视化首版已经可用,可逐步观察比较、交换与有序区变化。

构思中

AI 工具探索

围绕学习笔记、复习计划和内容整理,尝试小而实用的产品原型。

项目实践

精选项目

项目卡片保留真实状态:已上线的给链接,尚未完成的只展示计划和学习重点。

查看全部项目
Web 开发首版可用

个人作品集网站

一个持续更新的技术成长主页,用于集中展示项目、技术文章、实验作品与学习方向。

Next.jsTypeScriptTailwind CSS

学习重点

组件拆分、响应式布局与部署流程

算法首版可用

排序算法可视化实验室

可操作的排序实验,支持自定义数组、三种算法、单步播放、速度控制与过程统计。

ReactTypeScriptNode.js Test Runner

学习重点

算法步骤建模、状态可视化与边界测试

AI 应用构思中

AI 学习助手工具

面向学生的学习整理工具概念,聚焦笔记归纳、复习计划与知识总结场景。

Next.jsAPIMarkdown

学习重点

从学习需求出发设计简单工具流程

源码待整理演示待上线

实验室

让实验室成为学习的仪表盘

实验室聚焦算法可视化、学习效率工具和 AI 辅助流程,展示下一步要验证的小实验。

进入实验室

排序算法可视化

可用版本

观察冒泡、选择与插入排序的比较、交换和有序区变化。

技术方向

算法React单元测试

下一步计划

继续补充更多算法,并保持步骤生成器可独立测试。

打开演示

GPA 计算器

构思中

快速换算课程绩点与加权平均成绩的小工具。

技术方向

工具表单

下一步计划

整理绩点规则并设计最小输入表单。

演示待实现

AI 简历优化器

构思中

探索如何把经历描述得更准确、更有结构。

技术方向

AI写作

下一步计划

明确输入输出边界,暂不接入复杂 API。

演示待实现

学习记录

博客与学习记录

博客区更克制一些,用来记录项目复盘、Web 开发实践和逐步形成的学习方法。

浏览文章
项目复盘计划中

我为什么要搭建这个个人网站

从零开始积累真实作品、学习记录与工程实践,让成长被清晰地看见。

作品集记录
正文待补预计 5 分钟
Web 开发计划中

大一软件工程学生应该如何建立作品集

围绕可演示项目、复盘文章和持续迭代,建立一套属于自己的成长档案。

成长路径项目
即将发布6 分钟阅读
Web 开发计划中

第一次使用 Next.js 搭建个人网站的记录

记录 App Router、组件拆分、响应式设计与部署流程中的关键选择。

Next.js实践
即将发布8 分钟阅读

技术栈

目前使用与学习的工具

仍处于基础积累阶段,所以这里把项目中正在实践的技术和系统学习的方向分开呈现。

正在实践

Next.jsReactTypeScriptTailwind CSSGit

正在学习

数据结构与算法SQL / 数据库AI 应用基础

下一步

继续把真实学习过程沉淀成作品

这个网站会随着项目、实验和学习笔记持续更新。最适合查看进度的入口是 GitHub,也可以从项目页看到每个作品的当前状态。