8 个具有现代设计的项目助你成为全栈大师 2020 年总结

2025-05-27

8个现代设计项目助你成为2020年全栈大师

结论

您是否正在寻找可以提升技能的项目?您是否还在苦苦思索新想法?

作为开发人员,我们喜欢编写代码,但有时很难找到可用的设计或想法。

大家好,我叫Thu。你可能在之前的一些帖子里见过我。过去几个月,我一直在创作8个包含设计和需求的真实项目。

我设计了 8 个不同的项目,帮助您练习成为超级明星开发人员所需的每项技能。

通过这些项目,您可以建立出色的投资组合并成为全栈大师。

1. 图片上传器

图片上传器

你将练习什么

你将开发一个我一直害怕的东西。这是一个图片上传应用程序。你将学习如何从前端上传照片,如何将文件存储在数据库中,以及如何构建一个简单的 API。

等级

前端:⭐⭐
后端:⭐⭐⭐

2. 我的 Unsplash

我的 Unsplash

你将练习什么

您将学习构建基本的 API 功能(如 RESTful API 中的 GET、POST、PUT、DELETE)。

您还将学习如何制作类似于 Unsplash 的图像网格。

等级

前端:⭐⭐⭐⭐
后端:⭐⭐⭐⭐

3. CatWiki

CatWiki

你将练习什么

你是猫迷吗?使用外部 API 获取猫咪数据,你将构建一个追踪用户行为的 API。你还可以练习如何在后端进行搜索和过滤。

该项目还将通过充满猫咪的布局来测试你的前端技能🙀

等级

前端:⭐⭐⭐⭐
后端:⭐⭐⭐⭐

4.身份验证应用程序

身份验证应用程序

你将练习什么

作为后端或全栈开发人员,处理用户和身份验证是不可避免的。在本项目中,你将学习并构建一个简单但功能强大的应用程序来处理用户身份验证和用户数据。

该项目也将成为即将开展的项目的基础。

等级

前端:⭐⭐
后端:⭐⭐⭐⭐

5.Shoppingify

Shoppingify

你将练习什么

我的意思是……构建一个电子商店应用程序是一项非常艰巨的任务。但如果你想练习构建一个,Shoppingify 是一个不错的开始。这个项目不需要任何身份验证,但它几乎具备电子商店的所有功能。你将学习如何构建购物车、添加新商品、编辑商品、管理历史记录/数据等等。

该项目还将高水平测试您的前端技能,因为您将创建一个复杂且响应迅速的布局

等级

前端:⭐⭐⭐⭐⭐
后端:⭐⭐⭐⭐

6.聊天群

替代文本

你将练习什么

我一直想开发一个聊天应用,现在终于完成了,超级有趣。在这个挑战中,你将构建一个多群组聊天应用。你将学习实时数据库,并可能进一步熟悉 WebSocket、SocketIO 等技术……

通过集成您的身份验证应用程序,您将学习如何管理您的用户、将他们添加到组中、处理消息等。

您还将构建一个简单但又不那么简单的 UI 😆

等级

前端:⭐⭐⭐
后端:⭐⭐⭐⭐

7. Tweeter - Twitter 克隆版

Tweeter - Twitter 克隆

你将练习什么

我喜欢这个用户界面,简单而时尚。

我告诉你,如果你能重新创建 Twitter,你就能做任何事情😬。

在这个项目中,你将创建一个类似于 Facebook、Twitter 的个人资料。你将学习如何创建“关注者-关注”系统。

您还将学习如何发布新推文、添加评论、如何筛选不同类型的推文……

这绝对是迄今为止最具挑战性的项目之一。但我保证你会学到很多东西😎

等级

前端:⭐⭐⭐⭐⭐
后端:⭐⭐⭐⭐⭐

8. Thullo - Trello 克隆版

Thullo - Trello 克隆

你将练习什么

我知道……这已经是这篇文章的最后一个挑战了。但我必须告诉你。这个项目太有挑战性了,就连我自己都设计不出来😅

在这个项目中,您将学到成千上万的东西,因为有数百万的事情正在发生:

您将学习如何创建团队、项目、卡片、列表……同时,用户应该能够编辑和删除它们。

在前端,你将创建拖放功能,这将困扰你一段时间😜

您还将创建评论、上传和其他棘手的功能。

这个项目还有更多精彩内容。不过我会让你们自己去发现😋

等级

前端:⭐⭐⭐⭐⭐
后端:⭐⭐⭐⭐⭐

结论

您可以在DevChallenges.io上找到所有项目。我真心希望这些项目不仅能为开发者带来启发,也能为设计师带来启发。如果您想获取我的更多更新,请随时关注我并给我留言。

🐦 Thu Nghiem Twitter
🐦 Devchallenge.io Twitter
🔥 Devchallenges 网站

文章来源:https://dev.to/nghiemthu/8-projects-with-modern-designs-to-become-a-full-stack-master-2020-14j9
PREV
使用您的 CSV 聊天:使用 Langchain 和 Streamlit 可视化您的数据
NEXT
不要使用 i18next ❌😢