宠物用品交易平台(前端初步版)产品系统

本项目聚焦宠物用品交易细分赛道，面向养宠用户打造轻量化的宠物用品交易平台，覆盖宠物主“购买新品、发布闲置、管理订单”的核心需求，解决宠物用品线上交易的前端展示与交互痛点，为后续对接后端、实现完整交易闭环打下基础，可直接用于小型宠物用品店、校园宠物社群的线上交易场景。

本项目为独立开发的宠物用品交易前端系统，核心功能如下：
1. 首页展示：包含导航栏、轮播图、商品分类、热门商品推荐、底部信息，实现全站导航闭环；
2. 商品模块：商品列表页（筛选、排序、榜单展示）、商品详情页（图片轮播、规格选择、数量加减、加入购物车），完整覆盖商品展示核心流程；
3. 闲置发布：闲置用品发布表单，支持商品名称、分类、价格、描述、图片上传，完成前端表单校验与提交逻辑；
4. 个人中心：包含登录注册、购物车（全选、数量修改、总价计算）、消息中心、福利中心（优惠券领取、积分兑换），实现用户全链路管理；
5. 交互体验：原生JS实现轮播图、标签页切换、弹窗提示、未登录态拦截、表单格式校验等功能，提升用户操作体验。

本项目由本人独立完成，技术栈为HTML5 + CSS3 + JavaScript，实现细节如下：
1. 页面开发：独立完成全站10+页面的HTML结构搭建与CSS样式编写，统一视觉风格与布局规范，采用流式布局实现基础响应式，适配PC端与移动端；
2. 交互逻辑：编写原生JavaScript实现所有页面的交互功能，包括轮播图自动切换、购物车数量计算、表单校验、登录态判断、标签页切换等；
3. 工程化管理：将页面模块化拆分，CSS、JS按页面独立管理，代码结构清晰、注释完整，便于后续维护与二次开发；
4. 体验优化：针对未登录访问、表单填写错误等场景做了拦截与提示优化，提升页面可用性与用户体验；
5. 项目亮点：聚焦宠物用品细分赛道，覆盖“新品购买+闲置发布”双重场景，页面模块化设计，可快速对接后端接口，拓展支付、订单等完整功能。