Blinklist

一个使用 React 和 Tailwind CSS 构建的现代化 Web 应用。

技术栈

• React - 前端框架
• Tailwind CSS - 样式框架
• Framer Motion - 动画效果
• Vite - 构建工具

功能特点

• 响应式设计
• 流畅的动画效果
• 多页面路由

快速开始

安装依赖

npm install

开发环境运行

npm run dev

构建生产版本

npm run build

页面说明

• 首页 (Home): 访问根路径 /
• 详情页 (Detail): 访问 /detail 路径

开发指南

1. 克隆项目到本地
2. 安装依赖
3. 运行开发服务器
4. 开始编码

项目结构

├── src/                    # 源代码目录
│   ├── assets/            # 静态资源
│   ├── components/        # 组件目录
│   ├── views/            # 页面视图
│   ├── App.tsx           # 应用入口组件
│   ├── main.tsx          # 应用入口文件
│   ├── types.d.ts        # TypeScript 类型定义
│   ├── index.css         # 全局样式
│   └── tailwind.css      # Tailwind 样式
├── public/                # 公共资源目录
├── index.html            # HTML 模板
├── vite.config.js        # Vite 配置
├── tsconfig.json         # TypeScript 配置
├── package.json          # 项目依赖配置
└── README.md             # 项目文档