2020 年结束前，值得添加到你的投资组合中的 5 个全栈项目

拖延症，我们都经历过。
但今天，因为这篇博文，你会发现五个可以在2020年底前添加到你的作品集的全栈项目！

想出测试自己技能的点子可能很麻烦。相信我，我经历过，科技行业的每个人都经历过。

让我们开始吧！

1. React 电影搜索应用 🎬

谁不喜欢电影？还有 React！这个项目非常适合入门 React，并向你展示如何使用 API 和 Styled 组件。

您将学到什么

• React + Hooks
• 样式化组件
• API 使用
• 使用钩子的状态

总而言之，这是一个非常棒的 React 入门教程！

您可以在 freecodecamp 上找到该教程，这是一个很棒的项目资源：电影搜索应用程序

2. 在 Ionic 中克隆 Instagram

Ionic 是一个混合移动平台，我非常喜欢它💙。所以，让我们来做一个图形化的 Instagram 克隆版吧。为了理解某些网站和应用程序的工作原理，重新创建一些东西总是有益的。

您将学到：

• 离子结构和设置
• 创建新页面和路由
• 为 Ionic 应用设计样式
• 基于示例应用程序的样式

本教程可在推送Instagram Clone上找到，并不包含后端，但通过一些谷歌搜索，您就可以完成它（Firebase 🔥）。

3. 使用 Gatsby 建立博客

Gatsby 是一个很棒的基于 React 的框架，很多人都在基于它构建博客。

斯科特·斯宾塞 (Scott Spence)撰写了一篇精彩的完整教程，介绍如何开始在 Gatsby 上建立自己的博客。

您将学到：

• 自定义布局
• 样式化组件
• 语法高亮块
• SEO！非常重要
• 部署到 Netlify👀

所以，现在不要阻止你，继续向我们展示你的博客吧！

您可以在 freecodecamp 上找到本教程“构建 Gatsby 博客”

如果您不喜欢建立自己的博客，请尝试一下hashnode！

4. 使用 Strapi 和 Next.js 的订餐应用 🍔

坦白说：我❤️食物！

如果你也一样，这个项目绝对值得你尝试。我们正在使用 Next.js（一个即将推出的出色且强大的框架）构建一个订餐应用。此外，我们还使用了 Strapi，它可以轻松构建 API，无需费心费力。

我们将学到：

• React Hooks
• GraphQL
• 条纹付款！
• 斯特拉皮
• 造型

这真的是一个完整的项目，你会从中学到很多东西。你可以在 Strapi 博客上找到它，内容非常丰富！Next.js Strapi 美食应用。

5. 构建一个 JavaScript 驱动的 Candy Crush 💎

说实话，这不是我最喜欢的手机游戏。不过Ania用 Ja​​vaScript 开发这款游戏做得非常出色。

您将学到什么

• JavaScript 监听器
• JavaScript 创建和删除元素
• 游戏风格
• 干净的代码

您可以在她的 YouTube 频道“Build your own Candy Crush”上找到这个以及更多内容。

感谢您的阅读，让我们联系起来！

感谢您阅读我的博客。欢迎订阅我的电子邮件简报，并在Facebook或Twitter上与我联系。