我的第一个应用程序：Life on Track – 轻松有趣地追踪你的生活！

关于应用程序

![追踪你的生活

与您的在线日志一起使用]（https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgmmezxagp9bzqaway4e2.png）

什么是“正轨生活”？

正如我在第一篇博客中提到的，我在这里推出了我的第一个 Web 应用 Life on Track。该应用旨在通过可视化和游戏化流程，帮助您以有趣且激励的方式组织、观察和跟踪生活中的任何事情。

灵感来自我女朋友的子弹日记，特别是她制作的精美像素表。然而，手动创建和维护这些像素表似乎很繁琐且耗时。虽然我知道很多人喜欢这样的创作过程，但我开始想知道是否有一种更简单的方法可以通过应用程序生成这些表格。

经过一番研究，我发现了一些与我的想法有些相似但又不完全符合我想法的习惯追踪应用。我还发现，尽管像素表模板是静态 PDF，且自定义选项有限，但 Etsy 等平台上销售的像素表模板需求量很大。因此，我决定创建一款应用，让用户能够以数字方式追踪他们的像素表，同时保留子弹日记的感觉。

应用程序的用途

Life on Track 的核心功能是**我的表格**和**我的日记**：

**我的表格**：查看和管理所有像素表格以及输入每日数据的地方。

**我的日志**：您的数字日志，您可以在其中显示选定的表格（公共或私人），用通过成就获得的贴纸装饰您的页面，并与在应用程序上关注您的朋友分享。

目标是让追踪变得有趣、视觉上吸引人且个性化。您可以更详细地探索该应用，开始使用 Life on Track。

是什么让正轨生活变得与众不同？

目前市面上有很多习惯追踪应用程序，但 Life on Track 的两个主要特点使其脱颖而出：

**您可以装饰和分享的数字日记：**与其他应用程序不同，您拥有一个个人空间，可以使用贴纸创造性地展示您的进度并与朋友分享。

**详细且可自定义的跟踪：**大多数习惯跟踪器仅允许简单的“是”或“否”输入。例如，“你今天喝了 5 杯水吗？”但使用 Life on Track，您可以跟踪详细范围（例如，全年每天喝了多少水）并为每个范围分配颜色。这样，您就可以清晰、直观地了解您的进度。

此外，Life on Track 不仅限于习惯 - 您可以追踪任何您想要的东西！

人生轨道下一步该做什么？

我们有很多想法来改进和发展这款应用，但我们的主要目标是根据用户反馈来开发它。在不久的将来，我们计划推出一个反馈界面，用户可以在其中报告问题、提出改进建议并分享他们的想法。这将确保我们的更新符合用户真正的需求。

如何开始

目前，Life on Track 以网络应用的形式提供。您可以在此处注册、验证您的电子邮件并开始您的 **7 天免费试用**。试用期间，您可以完全访问所有功能，我们不会提前要求您提供任何付款信息。

试用期结束后，您可以选择按月或按年订阅以继续使用该应用。您可以随时取消，我们会安全地存储您的数据，以便您可以返回并从上次中断的地方继续使用。

您可以直接从 Life on Track 访问该平台。如果您想快速了解如何在 Life on Track 中创建表格并了解虚拟日志的工作原理，您可以查看 Life on Track 提供的交互式演示。交互式演示

感谢您的阅读！如果您有任何疑问，请随时联系我。

技术方面

首先我要说的是，本节不会是有关特定工具或技术的详细教程。相反，我将分享我选择某些工具的原因、我犯过的错误以及我在整个过程中学到的东西。

我使用的技术

**前端：**

我使用了 TypeScript、React 和 TailwindCSS。TypeScript 帮助我尽早发现错误，这在单独工作时尤其有用。我选择 React 是因为我已经熟悉它并且想提高我的 Redux 技能。Redux 还帮助减少了不必要的后端请求。

**后端：**

我选择了 Express.js，因为它对初学者很友好，并且对于后端开发新手来说是一个很好的起点。

**数据库：**

我使用 MongoDB 是因为它的简单性和灵活性，尤其是对于像这样的项目。

我犯过的错误

就像任何首次项目一样，我犯了很多错误。以下是一些突出的错误：

**首先作为 Web 应用程序启动：**

网页开发带来了诸多挑战，例如浏览器兼容性、CORS 问题以及响应式设计的复杂性。虽然我喜欢网页的灵活性，但这些额外的障碍使整个过程比我预想的更加耗时。

**功能蔓延：**

在开发应用程序的过程中，我不断想出新点子，并试图一次性实现它们。这使得初始版本过于复杂，并推迟了发布。如果采用更专注的方法，并有明确的 MVP（最小可行产品），就可以节省大量时间。

**后期促销：**

我应该早点开始推广这款应用，在开发之前写博客，收集用户兴趣。在开始之前我没有彻底验证这个想法，尽管我仍然坚信这是一个可靠的概念。

下一步是什么？

**展望未来，我看到两条可能的路径：**

**该应用获得关注：**

如果《Life on Track》获得了积极的用户参与度，我的首要任务就是发布反馈界面并开始开发移动应用程序，目标是在 1-2 个月内推出。

**该应用难以获得关注：**

如果事情没有按计划进行，我会吸取教训，并将其应用到我未来项目的众多想法之一中。

无论结果如何，我都会继续开发《Life on Track》，因为我真的很喜欢做这件事，对我来说，这才是最重要的。

感谢您阅读我与 Life on Track 合作的历程。我希望这篇博客能让您深入了解从头开始构建 Web 应用的过程。如果您有任何反馈或问题，我很乐意听取您的意见！

🔗 在 Twitter 上关注我