這 10 個(gè)創(chuàng)意項(xiàng)目，太頂了！

整理了 10 個(gè)高星創(chuàng)意項(xiàng)目，開拓思路

大家好，我是魚皮，今天分享一些開源的、有趣的項(xiàng)目，主要目的是給正在自學(xué)編程、不知道做什么項(xiàng)目的小伙伴一些思路啟發(fā)。

前端

windows11

可以直接運(yùn)行在瀏覽器里的 windows11 系統(tǒng)！無(wú)論是界面還是體驗(yàn)都是對(duì) windows11 的高度還原，還可以瀏覽網(wǎng)頁(yè)、打開 VS Code 寫代碼，足以看出作者的用心。

這個(gè)項(xiàng)目乍一看很厲害，但實(shí)際用到的技術(shù)并不復(fù)雜，都是一些主流的前端技術(shù)，通過(guò) iframe 內(nèi)嵌網(wǎng)頁(yè)的方式實(shí)現(xiàn)敲代碼工具之類的高級(jí)功能。再加上項(xiàng)目結(jié)構(gòu)規(guī)范清晰，很適合學(xué)前端的小伙伴學(xué)習(xí)。

我特地錄制了一期視頻帶大家體驗(yàn)該項(xiàng)目、分享設(shè)計(jì)思路，歡迎大家觀看~

視頻地址：https://www.bilibili.com/video/BV1M64y1e7tv/

技術(shù)棧：前端 React + CSS Modules

難度：????

創(chuàng)意：????????

實(shí)用：??

air-conditioner

之前火爆朋友圈的云空調(diào)項(xiàng)目，其實(shí)是一個(gè)小網(wǎng)頁(yè)，因此做到了真正意義上的便攜哈哈。

別看只有一個(gè)頁(yè)面，這個(gè)前端項(xiàng)目用到的主流技術(shù)還真不少，而且作者的腦洞和制作的用心程度著實(shí)讓人佩服，打開小空調(diào)后還會(huì)觸發(fā)真實(shí)的空調(diào)吹風(fēng)音效，讓我感覺(jué)真的涼快下來(lái)了。

技術(shù)棧：前端 React + TypeScript + Sass + Redux + Material UI

難度：??????

創(chuàng)意：??????????

實(shí)用：??

codelf

幫助程序員解決變量命名問(wèn)題的神器，可以輸入中英文詞匯，自動(dòng)為你推薦合適的英文變量名稱。

但事實(shí)上，他只是用翻譯插件先將你的中文輸入翻譯成英文，然后用英文單詞去請(qǐng)求 SearchCode 代碼搜索服務(wù)，從而獲取結(jié)果。

基于這個(gè)原理，我自己也做了一個(gè)表情包搜索神器 HahaLF，可以一鍵從 “全網(wǎng)” 搜索表情包，代碼也開源了~

技術(shù)棧：前端 React + Gulp + Animate.css + SearchCode

難度：????

創(chuàng)意：??????

實(shí)用：????

bytemd

如今前端富文本編輯器有很多，但真正好用又免費(fèi)的寥寥無(wú)幾。

bytemd 是字節(jié)跳動(dòng)開源的前端富文本編輯器組件，和掘金的寫作風(fēng)格一致、同時(shí)支持 Markdown 和傻瓜式操作、支持多個(gè)主題、插件式的設(shè)計(jì)使得開發(fā)者可以按需定制富文本編輯器。

最主要的是它同時(shí)支持原生以及各種主流前端框架（甚至還有 Svelte），所以很實(shí)用，且適合學(xué)習(xí)。

技術(shù)棧：前端 Vue、React、Svelte + TypeScript + Rollup

難度：????????

創(chuàng)意：????

實(shí)用：????????

Java

網(wǎng)上的 Java 項(xiàng)目千篇一律，像商城、博客、各種管理系統(tǒng)，早就沒(méi)什么新意了，只能算是學(xué)習(xí) Java 時(shí)的基礎(chǔ)項(xiàng)目。

當(dāng)然，做的大、做的好、做的精致就另當(dāng)別論了，但現(xiàn)實(shí)往往是功能基礎(chǔ)、Bug 層出不窮。所以下面分享 3 個(gè)不同方向的、非業(yè)務(wù)類型的 Java 項(xiàng)目。

QR-Code-generator

支持多種主流編程語(yǔ)言的二維碼生成器類庫(kù)，只需編寫幾行代碼，就能快速生成二維碼圖片。

項(xiàng)目基本沒(méi)有使用第三方類庫(kù)，而是純手寫實(shí)現(xiàn)二維碼生成算法，非常純凈，很適合對(duì)算法感興趣的朋友學(xué)習(xí)。

再結(jié)合前端，做一個(gè)藝術(shù)二維碼生成器也不錯(cuò)哦~

技術(shù)棧：Java 基礎(chǔ) + 算法

難度：??????

創(chuàng)意：??????

實(shí)用：????????

arthas

阿里開源的 Java 線上診斷利器，可以幫助開發(fā)者分析線上 Java 程序的信息和異常、不重啟項(xiàng)目直接熱修復(fù)問(wèn)題。

雖然我把它放到了本次的創(chuàng)意項(xiàng)目推薦中，但這卻是一個(gè)很龐大、很復(fù)雜、極其實(shí)用的項(xiàng)目，用到了很多 Java 的高級(jí)知識(shí)（比如探針）。

之前也有很多朋友問(wèn)我什么項(xiàng)目可以打動(dòng)面試官，這便是其中之一，不寫重復(fù)的增刪改查業(yè)務(wù)代碼，而是解決實(shí)際的技術(shù)工程問(wèn)題。

不過(guò)確實(shí)很難就是了，可以先從會(huì)使用它開始，再去了解它的底層原理，最后自己做一個(gè)！

技術(shù)棧：Java + Maven + Netty

難度：??????????

創(chuàng)意：????????

實(shí)用：????????

mybatis-generator

知名 Java 數(shù)據(jù)庫(kù)訪問(wèn)框架 MyBatis 官方推出的代碼生成器，可以幫助開發(fā)者快速生成重復(fù)的增刪改查代碼，減少工作量、提高開發(fā)效率。

如今，代碼生成在前后端領(lǐng)域都越來(lái)越流行，代碼生成平臺(tái)也層出不窮，是類不錯(cuò)的項(xiàng)目。當(dāng)我們?cè)诒г怪貜?fù)寫代碼的時(shí)候，不妨試著把重復(fù)的代碼抽象出來(lái)，編寫一套邏輯，用命令一鍵生成代碼。

但怎么更優(yōu)雅、靈活地生成通用代碼，還是有很多門道的，因此，官方開源的生成器很值得去學(xué)習(xí)。

順帶一提，MyBatis Plus 也相當(dāng)好用！

技術(shù)棧：Java + Maven + MyBatis + JavaParser

難度：??????????

創(chuàng)意：??????

實(shí)用：??????????

Python

thefuck

程序員的日常工作離不開命令行，當(dāng)不小心輸錯(cuò)或忘記命令時(shí)，通常會(huì)感覺(jué)很火大，忍不住就是一聲 f*ck！

因此，有個(gè)小機(jī)靈鬼開發(fā)了 thefuck，自動(dòng)修正命令行錯(cuò)誤的工具。當(dāng)你輸錯(cuò)命令時(shí)，再輸入一次 fuck，就能自動(dòng)執(zhí)行正確的命令了！

以下是一些演示：

雖然沒(méi)什么用，但還是感覺(jué)很厲害的樣子。

看了下代碼，99.9% 純 Python 實(shí)現(xiàn)，目錄結(jié)構(gòu)和代碼規(guī)范都很規(guī)整，適合有一定編程基礎(chǔ)的朋友學(xué)習(xí)。

技術(shù)棧：Python

難度：??????

創(chuàng)意：??????????

實(shí)用：????

avatarify

提供一張圖片，打開攝像頭，就能讓圖片中的人物隨著你的表情動(dòng)起來(lái)~

這個(gè)玩意在前段時(shí)間還是挺火的，雖然用到了一些人工智能技術(shù)，但不需要特別關(guān)心這塊的實(shí)現(xiàn)。真正的程序代碼文件沒(méi)多少個(gè)，還是挺適合學(xué)習(xí)一段時(shí)間 Python 的同學(xué)練手的。

技術(shù)棧：Python + Shell + 人工智能

難度：????????

創(chuàng)意：??????????

實(shí)用：????

其他

askgit

用 SQL 語(yǔ)言來(lái)查詢 Git 倉(cāng)庫(kù)信息的工具。可以讓了解基本 SQL 語(yǔ)法的同學(xué)從復(fù)雜難記的 Git 查詢語(yǔ)言中解脫，更快地對(duì)代碼倉(cāng)庫(kù)進(jìn)行統(tǒng)計(jì)分析。可以在線使用：

項(xiàng)目用到了數(shù)據(jù)庫(kù)，把 Git 信息存儲(chǔ)成數(shù)據(jù)庫(kù)中的一張表，從而支持 SQL 語(yǔ)句查詢。想做這樣一款工具，除了能使用一門編程語(yǔ)言外，對(duì) SQL 和 Git 也要有一定的了解。

技術(shù)棧：Go + Sqlite

難度：??????

創(chuàng)意：??????????

實(shí)用：??????

Dress

“好耶，是女裝！”

這就是 Dress 項(xiàng)目的全部簡(jiǎn)介了。

沒(méi)錯(cuò)，這是一個(gè)真真實(shí)實(shí)的女裝項(xiàng)目，收集了大概 1000 多張的女裝圖片，而且基本都是用戶自發(fā)上傳！

第一次打開網(wǎng)頁(yè)的時(shí)候，我就條件反射地把它關(guān)掉了，善哉善哉。

本文封面就是這么來(lái)的，僅供大家一樂(lè)，不是本人謝謝~

技術(shù)棧：手

難度：??

創(chuàng)意：??????????

實(shí)用：??????????

以上就是本期分享，所有的項(xiàng)目直接根據(jù)項(xiàng)目名在 GitHub 搜索即可~

我是魚皮，點(diǎn)贊 + 在看 還是要求一下的，祝大家都能心想事成、發(fā)大財(cái)、行大運(yùn)。

?? 點(diǎn)擊閱讀原文直達(dá) win11 體驗(yàn)視頻