Skip to content

DanZai233/works

Repository files navigation

所作,所为

DanZai233 的个人作品集网站

简介

一个简约优雅的个人主页,展示开源项目与奇思妙想。使用 React + TypeScript + Tailwind CSS 构建,采用现代化设计风格。

技术栈

  • 前端框架: React 19
  • 开发语言: TypeScript
  • 构建工具: Vite 6
  • 样式方案: Tailwind CSS v4
  • 动画库: Motion (Framer Motion)
  • 图标库: Lucide React
  • 字体: Google Fonts (Noto Serif SC)

快速开始

安装依赖

npm install

运行开发服务器

npm run dev

访问 http://localhost:3000

构建生产版本

npm run build

预览生产构建

npm run preview

项目结构

├── src/
│   ├── components/       # 可复用组件
│   │   ├── ParticleBackground.tsx
│   │   └── ProjectCard.tsx
│   ├── App.tsx           # 主应用组件
│   ├── main.tsx          # 应用入口
│   └── index.css         # 全局样式
├── index.html
├── package.json
├── tsconfig.json
└── vite.config.ts

项目展示

网站展示了以下开源项目:

  • MYGallery: 个人照片墙系统
  • Aim Trainer Pro (AIMBOT): 瞄准训练器
  • MoodCard: 心情卡片记录工具
  • Chromatopoetry: 色彩与诗歌艺术
  • Toiletime: 碎片时间管理工具
  • NewsChronicle-AI: AI 新闻纪事本
  • PixelBead: 像素拼豆生成器
  • Record-ME: 轻量级记录工具

相关链接

许可证

MIT License

About

works

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors