
# 个人作品集网站

## Overview

这是一个使用 Next.js 和 TypeScript 构建的现代化个人作品集网站，采用静态站点生成（SSG）技术，确保快速加载和优秀的 SEO 表现。

## Problem

需要一个展示个人项目、技术文章和联系方式的平台，要求：

- 快速加载
- SEO 友好
- 易于维护和更新
- 响应式设计

## Approach

采用 Next.js SSG 方案，通过 Markdown 文件管理内容，实现内容与代码分离：

- 使用 `gray-matter` 解析 Markdown frontmatter
- 使用 `remark` 将 Markdown 转换为 HTML
- 实现动态路由支持文章和项目详情页
- 采用 Tailwind CSS 实现响应式设计

## Output

- 完整的个人作品集网站
- 支持文章和项目的动态展示
- 响应式设计，适配各种设备
- 优秀的性能和 SEO 表现

## Status

项目已完成并部署到 Vercel，持续更新中。



GitHub

在线演示

使用 Next.js 构建的响应式个人作品集网站，展示项目、文章和联系方式。

个人作品集网站


# 数据可视化工具

## Overview

一个基于 D3.js 和 React 构建的数据可视化工具，支持多种图表类型，包括折线图、柱状图、散点图等。

## Problem

数据分析师和研究人员需要一个简单易用的工具来：

- 快速导入数据
- 选择适合的图表类型
- 自定义图表样式
- 导出可视化结果

## Approach

- 使用 D3.js 进行底层绘图
- React 组件封装图表逻辑
- 支持 CSV/JSON 数据导入
- 提供丰富的图表配置选项
- 实现图表导出功能（PNG/SVG）

## Output

- 功能完整的数据可视化工具
- 支持 10+ 种图表类型
- 数据导入和导出功能
- 交互式图表体验

## Status

项目已完成，正在收集用户反馈并持续优化。



一个强大的数据可视化工具，支持多种图表类型，可以导入 CSV 数据并生成交互式图表。

数据可视化工具


# 任务管理应用

## Overview

一个功能完整的任务管理应用，帮助用户高效组织和管理日常任务。采用 React + TypeScript 构建，使用本地存储保存数据。

## Problem

现有的任务管理工具要么过于复杂，要么功能不足。需要一个：

- 界面简洁直观
- 功能完整实用
- 响应速度快
- 无需注册即可使用

## Approach

- 使用 React Hooks 管理状态
- 实现拖拽排序功能
- 支持任务分类和标签
- 使用 IndexedDB 实现本地持久化
- 响应式设计，支持移动端

## Output

- 功能完整的任务管理应用
- 支持任务 CRUD 操作
- 任务分类和优先级管理
- 数据本地持久化

## Status

项目正在进行中，核心功能已完成，正在优化用户体验和添加新功能。



一个基于 React 的任务管理应用，支持任务创建、分类、优先级设置和进度跟踪。