# YCHub

**Repository Path**: daidaidawang/YCHub

## Basic Information

- **Project Name**: YCHub
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-23
- **Last Updated**: 2026-06-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 青途校园 YCHub

> 🎓 校园一站式活动聚合平台 —— 让校园活动信息"触手可及"

<p align="center">
  <img src="https://img.shields.io/badge/版本-v1.0.0-blue?style=flat-square" alt="版本">
  <img src="https://img.shields.io/badge/技术栈-HTML%2FCSS%2FJS-green?style=flat-square" alt="技术栈">
  <img src="https://img.shields.io/badge/许可证-MIT-yellow?style=flat-square" alt="许可证">
</p>

---

## 📖 项目简介

**青途校园 YCHub** 是一款面向高校学生的校园活动信息聚合与服务平台，旨在整合校园内分散的学科竞赛、志愿公益、学术讲座、社团文体、招聘宣讲等各类活动信息，为学生提供一站式的活动查询、筛选、报名与管理服务。

### 🎯 核心价值

- **信息聚合**：整合分散在各渠道的活动信息，统一入口
- **便捷服务**：提供活动查询、筛选、报名、提醒一站式服务
- **高效连接**：打造学生与校园活动之间的高效连接桥梁

---

## 🚀 功能特性

### ✅ 已实现功能

| 功能模块 | 描述 | 状态 |
|---------|------|------|
| **首页轮播** | 3D层叠式热门活动轮播展示 | ✅ 已完成 |
| **活动搜索** | 支持按活动名称、类型、地点搜索 | ✅ 已完成 |
| **活动分类** | 5大分类（学科竞赛/志愿公益/学术讲座/社团文体/招聘宣讲） | ✅ 已完成 |
| **活动列表** | 卡片式活动列表，支持排序筛选 | ✅ 已完成 |
| **活动详情** | 完整活动信息展示（时间/地点/简介/奖项/安排） | ✅ 已完成 |
| **活动收藏** | 收藏功能，数据存储在 localStorage | ✅ 已完成 |
| **个人中心** | 用户信息展示、收藏管理、活动发布 | ✅ 已完成 |
| **活动发布** | 支持学生/组织发布活动，待审核后展示 | ✅ 已完成 |
| **响应式设计** | 适配桌面端、平板、手机等多种设备 | ✅ 已完成 |
| **天青色主题** | 国风配色方案，清新雅致 | ✅ 已完成 |

### 📱 页面结构

```
YCHub/
├── index.html          # 首页 - 轮播图 + 搜索
├── classify.html       # 活动分类页 - 侧边栏筛选 + 活动列表
├── detail.html         # 活动详情页 - 完整活动信息
├── user.html           # 个人中心 - 收藏管理 + 活动发布
├── style.css           # 全局样式（1500+ 行）
├── data.js             # 公共数据文件 - 活动数据与工具函数
├── favorite.js         # 收藏功能模块
├── publish.js          # 活动发布模块
└── images/posters/     # 40+ 张活动海报图片
```

---

## 🎨 设计特色

### 视觉风格
- **主题色**：天青色（#7BA1A9）—— 取自"雨过天青云破处"
- **配色方案**：天青渐变背景 + 白色卡片 + 深色文字
- **设计理念**：国风雅致、清新简洁、信息层次清晰

### 交互体验
- 3D层叠轮播图，自动播放 + 手动切换
- 卡片悬停动效，提升交互反馈
- 收藏功能实时反馈，Toast 提示
- 响应式布局，多端适配

---

## 🛠️ 技术栈

- **前端**：原生 HTML5 + CSS3 + JavaScript
- **样式**：CSS Variables（CSS变量）+ Flexbox + Grid
- **图标**：Emoji 原生表情
- **字体**：Noto Sans SC（谷歌字体）
- **图片**：40+ 张 AI 生成的活动海报
- **数据存储**：localStorage（收藏、用户发布活动）

---

## 📦 快速开始

### 本地运行

```bash
# 克隆项目
git clone <repository-url>

# 进入项目目录
cd YCHub

# 使用本地服务器打开（推荐）
# Python 3
python -m http.server 8000

# 或 Node.js
npx serve .

# 然后在浏览器访问
http://localhost:8000
```

### 直接打开

由于项目使用纯前端技术，也可以直接在浏览器中打开 `index.html` 文件。

---

## 🗺️ 项目路线图

### 第一阶段：基础展示（已完成 ✅）
- [x] 首页轮播图展示
- [x] 活动分类浏览
- [x] 活动详情展示
- [x] 个人中心页面
- [x] 响应式布局

### 第二阶段：功能增强（已完成 ✅）
- [x] 搜索功能实现（前端过滤）
- [x] 分类筛选交互优化
- [x] 活动收藏功能
- [x] 活动发布功能

### 第三阶段：数据化升级（规划中 📋）
- [ ] 后端 API 接入
- [ ] 用户登录/注册
- [ ] 数据库集成
- [ ] 活动发布后台

### 第四阶段：智能化拓展（未来 🔮）
- [ ] 智能推荐算法
- [ ] 消息推送通知
- [ ] 小程序/APP 开发
- [ ] 数据分析看板

---

## 🤝 贡献指南

欢迎提交 Issue 和 Pull Request 来帮助改进项目！

### 提交规范
- 使用清晰的提交信息
- 确保代码通过基础测试
- 更新相关文档

---

## 📄 许可证

本项目采用 [MIT License](LICENSE) 开源许可证。

---

## 📞 联系我们

- **项目主页**：https://github.com/yourusername/YCHub
- **问题反馈**：[提交 Issue](https://github.com/yourusername/YCHub/issues)
- **邮箱**：contact@ychub.edu.cn

---

<p align="center">
  <strong>青途校园 YCHub</strong> —— 让校园生活更精彩 🌟
</p>

<p align="center">
  Made with ❤️ by 青途团队
</p>