🚀 404office：穿越时空的内网

这是由 Axero 和 Holistic Webdev 联合举办的前端挑战赛：办公空间版的参赛作品。

🏢 我建造的

404office是一个穿越时空的企业内部网，让您可以探索不同年代的内部数字工作空间可能是什么样子，或者将会是什么样子。

网站的每个部分都代表了特定时期的办公室内网：

• 20世纪80年代：霓虹网格、像素字体和打字速度挑战
• 20世纪90年代： Windows 95风格的桌面，带有可拖动的图标
• 2000 年代：受 Flash 启发的主题、测验和复古色调
• 2020年代： Zoom疲劳宾果游戏、自我关爱提醒和效率图表
• 2035年：全息仪表盘、神经网络组件和人工智能机器人

🎧主要功能：使用时间滑块在不同年代之间切换时，每个时代都会加载全新的背景音效Tone.js。这种沉浸式音频将您带回那个办公时代——从嗡嗡作响的 CRT 显示器到未来人工智能的氛围音效。

目标：将设计怀旧与现代网络技术相结合，创建一个有趣、互动性强且出人意料地有用的虚拟内网！

🌐 演示

🔗网站链接：https://404ffice.netlify.app/

📦 GitHub 代码库：https://github.com/tanvirmulla11/Frontend-Challenge

🧭旅程

这个项目是一次对我所热爱的三件事的深入创意探索：

• 🎨 用户界面/用户体验设计
• 🎧 音频互动
• ⌛ 科技怀旧

我应对的挑战：

• 设计一套既统一又具有年代针对性的组件系统
• 为每个时代创造声音环境Tone.js
• 使用TailwindCSS构建可随主题自动调整的灵活布局
• 让 20 世纪 90 年代的“桌面”像迷你操作系统一样可拖拽且有趣。

我最引以为豪的是：

• 🧠 OfficeBot AI，其个性每十年都会改变一次
• 🎯 实时计分打字速度挑战
• 📦 一个数字时间胶囊，用户可以在这里写下给未来自己的留言。

👏 鸣谢

由@tanvirmulla11单独创作

由于：

• 感谢 Axero 和 DEV 提供的这个超棒的提示 🙌
• Tailwind、Tone.js、Lucide 和 Google Fonts

🛡️ 许可证

MIT——欢迎您随着时间的推移对办公室进行分支、重组和扩展。

继续点击、编写代码，穿越时空。