RNOISE官网产品系统

电子音乐厂牌（唱片公司）官方门户网站，面向音乐爱好者与合作艺术家，提供品牌展示、艺术家介绍、音乐在线试听播放、会员订阅及后台内容管理等一站式服务。

赛博朋克风格首页，含动态粒子背景、音频波形装饰动画、数据统计滚动效果
艺术家展示模块，支持API动态加载艺术家信息与社交链接
音乐作品展示与全局播放器，支持播放/暂停、音量调节、进度拖动、连续播放
管理员后台系统，含JWT认证登录、音频与封面拖拽上传、曲目元数据管理
三级会员定价体系展示、多平台入口链接（网易云/QQ音乐/Spotify等）
全站响应式适配，支持移动端/平板/桌面端

我独立负责整个项目的前后端架构设计与全栈开发。前端采用 React + TypeScript + Vite 构建，使用 Tailwind CSS 实现赛博朋克黑红主题设计系统，集成 Framer Motion 完成页面过渡与交互动效（粒子背景、3D卡片倾斜、数字滚动动画）。后端基于 Node.js + Express 搭建 RESTful API，使用 Prisma ORM + SQLite 管理数据模型（Artist/Track/Album/Admin），实现 JWT 身份认证、Multer 文件上传与静态资源服务。亮点包括：全局音频播放器组件支持跨页面持续播放；管理后台支持拖拽上传音频与封面图；前后端完全分离，可独立部署至 Vercel + Railway。难点在于音频播放状态的全局管理（使用 Zustand 状态库）以及文件上传流的可靠处理。