XWC Guide——AI 工具与网站开发教程平台产品系统Vibe Coding

面向希望学习 AI 工具、开源项目和网站开发的初学者，提供经过实际验证的中文教程、可在线体验的互动作品以及教程需求反馈入口，解决相关资料分散、操作步骤不清晰、踩坑经验难以沉淀等问题。

平台包含教程库、关键词搜索、分类筛选、教程详情、收藏、浏览统计和评论等功能；实验室集中展示 Canvas 游戏、手势粒子等互动项目；访客可在许愿池提交想看的教程并进行投票。管理后台支持账号登录、Markdown 教程编辑、图片上传、作品管理和愿望状态管理，同时提供日记、相册、音乐收藏及学习笔记等个人内容管理功能。

我独立完成项目需求设计、页面视觉设计、前后端开发、数据库设计及部署维护。前端使用 HTML5、CSS3 和 JavaScript 构建响应式页面及交互效果；后端基于 Node.js、Express 开发 REST API，使用 MySQL 存储教程互动、作品及个人空间数据。项目结合 Session 与 bcrypt 实现登录鉴权，使用 Multer 完成图片上传，并通过 Markdown 管理和渲染教程内容。实现重点包括前后台权限隔离、数据校验、文件上传处理、移动端适配及前后端状态同步。