打造一个非同寻常的副业项目：从规划到发布

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

你好呀！

这篇文章旨在与大家分享我构思和发布副业项目时的思考过程。克服创作过程中的种种混乱，为任何项目建立一套结构化的流程至关重要。读完我的想法后，欢迎在下方留言参与讨论👍

如果你只想查看项目成果，可以点击这里查看。

第一步：想法

这就是你们很多人可能会遇到的难题。我认为我们可以把编程爱好者大致分为两类：一类是比较有创造力的，另一类是比较务实的。一般来说，务实的人很难产生想法，而有创造力的人则很难把想法变成现实。

我通常的做法是思考那些影响我日常生活的各种问题，所有这些问题都需要解决方案，而解决这些问题也能帮助其他有同样问题的人！从爱好中寻找问题，或者尝试为身边的人解决问题，都是很好的启发思路的方式。

最重要的建议就是：开始创作。有时候，我们花了太多时间思考完美的想法，结果却什么都没创作出来。记住：不完美也比没有强。

第二步：规划

确定想法之后，你应该先制定计划，然后再编写代码（有时，当项目非常非常小时，你可以跳过这一步直接编写代码，但要注意，如果你不应该跳过这一步却跳过了，以后会给你带来麻烦）。

规划阶段其实很简单，找一个像Figma或draw.io这样的免费工具，把你的想法画在空白画布上就行了。就算一开始看起来不太合理也不用担心，这一步的目的就是为了实现这个目标。

绘制流程图、数据库、页面，开始创作，不要害怕犯错。也别忘了参考资料，它们能给你带来很多灵感！

第三步：精炼

创建完草稿后，就该创建项目原型的最终版本了。确定范围，并收集所有你认为在该范围内有用的内容，完善流程以获得良好的用户体验——这一点至关重要，即使是小型项目也一样（有时，作为开发人员，我们可能会忽略应用程序的用户体验，但当你需要向他人展示这个项目时，用户体验才是他们评估的重点）。

用户体验至关重要，因此请掌握这些用户体验法则，并努力打造良好且一致的设计。
即使您正在开发的项目不涉及前端，用户体验也不是问题所在，但这并不意味着您可以随意发挥。无论何时进行创作，都应该花些时间提升技能、学习新知识。单元测试和端到端测试、设计模式和架构模式都能带来显著的提升，而且学习起来也充满乐趣（您可以点击此处了解更多信息）。

第四步：代码

一直写代码直到完成或者直到你对结果满意为止（记住，你可以在另一天完成项目）。

第五步：释放

产品第一版完成后，制定发布计划！你打算在哪里进行推广？永远不要低估自然流量的力量，即使你意想不到，很多人也能看到你的项目。

思考哪些指标能够收集有用的信息，以便日后为产品开发更多功能，并使用umami等分析服务来跟踪这些指标。

实际情况：

问题：我非常不喜欢在Warframe（一款我很喜欢的游戏）的维基百科中搜索特定物品的体验。我希望在搜索物品及其获取途径时能有更好的体验。
想法：创建一个网站，该网站将从 Warframe 的物品 API 获取数据，并向想要获得这些物品的用户提供有用的信息（例如价格、掉落地点等）。
规划：开始在 draw.io 中绘制流程图，直到它看起来比较美观为止。

之后，我开始反复尝试Skeleton UI 的各种 UI 组件，直到我对它的外观感到满意为止。

改进：我设定了一个更宏大的目标，同时开始研究如何从 API 获取数据。之后，整个项目的结构就基本成型了，我们可以开始真正地编写代码了。
代码：决定使用 Svelte 和 SvelteKit（因为我正在学习它们），然后开始编写代码！创建了一个 git 仓库，初始化了开发环境，并按照之前的计划创建了一些东西。
发布：我原本打算在Warframe的Reddit社区发布，看看大家的反应！浏览量和可视化页面数量之多，对我来说都是值得追踪的有趣数据。