Trust Used Cars

项目描述

这是一个现代化的二手车展示和管理平台，采用响应式设计，完美适配移动端和桌面端。本项目致力于为用户提供直观、高效的二手车交易体验。

预览地址 https://tinhour.github.io/trust-used-cars/

业务功能

• 📱 响应式布局，完美支持移动端和桌面端
• 🌐 多语言支持，轻松切换不同语言
• 🚗 二手车列表展示
• 🔍 高级搜索和筛选功能
• 📊 详细的车辆信息展示
• 💬 在线咨询功能
• 📱 移动端优化体验

主要特点

• 🚀 响应式设计，完美适配各种设备
• 🌍 多语言支持（i18n国际化）
• 🎨 现代化UI设计
• ⚡ 快速加载和渲染
• 🛠 组件化开发

技术栈

前端框架

• React 18.3.1 - 用于构建用户界面的 JavaScript 库
• Vite 5.4.2 - 新一代前端构建工具，提供极速的开发体验
• TypeScript 5.5.3 - 为 JavaScript 添加静态类型检查

路由和状态管理

• React Router DOM 6.22.3 - 处理应用路由
• React Hooks - 管理组件状态和副作用

UI和样式

• Tailwind CSS 3.4.1 - 原子化 CSS 框架，用于快速构建自定义界面
• Lucide React 0.344.0 - 现代图标库
• PostCSS 8.4.35 - CSS 处理工具
• Autoprefixer 10.4.18 - 自动添加 CSS 浏览器前缀

国际化

• i18next 23.10.1 - 强大的国际化框架
• react-i18next 14.1.0 - React 的 i18next 集成
• i18next-browser-languagedetector 7.2.0 - 浏览器语言检测

开发工具

• ESLint 9.9.1 - 代码质量检查
• TypeScript ESLint - TypeScript 代码规范检查
• gh-pages 6.3.0 - GitHub Pages 部署工具

安装步骤

1. 克隆项目：

   git clone <your-repo-url>

2. 进入项目目录：

   cd trust-used-cars

3. 安装依赖：

   npm install

使用说明

• 启动开发服务器：

  npm run dev

• 构建项目：

  npm run build

• 预览构建结果：

  npm run preview

• 部署到 GitHub Pages：

  npm run deploy

项目结构

trust-used-cars/
├── src/
│   ├── components/     # 可复用组件
│   ├── pages/         # 页面组件
│   ├── hooks/         # 自定义 Hooks
│   ├── i18n/          # 国际化配置
│   ├── styles/        # 全局样式
│   └── utils/         # 工具函数
├── public/            # 静态资源
└── ...配置文件

最佳实践

• 组件化开发
• TypeScript 类型检查
• ESLint 代码规范
• 响应式设计
• 国际化支持
• 性能优化

贡献指南

欢迎任何形式的贡献！请提交问题或拉取请求。

许可证

本项目使用 MIT 许可证，详细信息请查看 LICENSE 文件。