我如何使用 JavaScript 和 Firebase 构建实时 CGPA 计算器

Source: Dev.to

解决学生成绩困扰 🎓

作为一名软件工程专业的学生，我发现跟踪各科成绩并在不同学期计算 CGPA 非常麻烦。电子表格枯燥，手动计算容易出错。

于是，我打造了 AcademiaTrack——一个基于网页的解决方案来解决这个问题。

🛠️ 技术栈

• 前端: HTML5, CSS3, JavaScript
• 样式: Tailwind CSS（打造现代、简洁的 UI）
• 后端/数据库: Firebase（安全存储用户成绩）

🚀 关键特性

• 实时计算: 当你输入成绩时，逻辑会立即更新你的 CGPA。
• 数据持久化: 借助 Firebase，学生可以登出后再次登录，数据仍然保留。
• 响应式设计: 在手机上也能完美运行，满足大多数学生查看成绩的需求。

💻 代码

处理不同课程加权系统是最大的挑战之一。我使用了 JavaScript 的数组方法遍历输入字段，并动态计算加权平均值。