TechStudio 全栈网站

这是一个专业软件开发工作室的全栈网站项目，前端使用HTML、CSS和JavaScript构建，后端使用Node.js和Express框架。

功能特点

• 响应式设计，适配各种设备
• 3D动画背景效果（Three.js）
• 联系表单与后端API集成
• MongoDB数据库存储联系请求
• 邮件通知功能

技术栈

• 前端：HTML5, CSS3, JavaScript (ES6+), Three.js, GSAP
• 后端：Node.js, Express
• 数据库：MongoDB
• 其他：Nodemailer (邮件发送)

项目结构

/
├── index.html          # 主页面
├── style.css           # 样式表
├── script.js           # 前端JavaScript
├── server.js           # 后端服务器
├── package.json        # 项目依赖
└── .env                # 环境变量配置

安装与运行

前提条件

• Node.js (v14+)
• MongoDB (本地或远程)

安装步骤

1. 克隆或下载项目到本地

2. 安装依赖

   npm install
   

3. 配置环境变量

   • 复制.env.example文件为.env
   • 更新MongoDB连接URI和邮件配置

4. 启动服务器

   npm start
   

   或开发模式（自动重启）：

   npm run dev
   

5. 访问网站

   • 打开浏览器访问：http://localhost:3000

联系表单配置

联系表单提交后，数据会：

1. 保存到MongoDB数据库
2. 发送通知邮件到配置的邮箱

要启用邮件功能，请在.env文件中配置有效的邮箱账号和密码。

开发说明

• server.js：包含API路由和服务器配置
• script.js：前端JavaScript，包含表单处理和动画效果
• 联系表单API端点：/api/contact

部署建议

• 使用环境变量存储敏感信息
• 为生产环境配置HTTPS
• 考虑使用PM2或类似工具管理Node.js进程
• 可部署到Heroku、Vercel、AWS等平台