求助！网站重构需要帮手（前端）
我們的 HelloGitHub.com 官網(wǎng)，自從 2017 年上線就一直長這樣：
這個網(wǎng)站是我用 Flask 寫的，因為我不怎么會寫前端，再加上項目并不是前后端分離，想要幫忙的前端小伙伴也無從下手。所以這么多年下來網(wǎng)站的樣式和功能沒有什么變化。🤧
就在去年，我接觸到了小程序就打算給 HelloGitHub 做一個小程序，然后我就開始用 FastAPI 重寫 HelloGitHub.com 的接口，搞完小程序?我感覺 FastAPI 用起來很舒服啊！然后我把目光移到了管理后臺。🤩
趁著手熱，我就想把管理后臺的功能也從原項目分離出來，用 Ant Design 重寫前端 FastAPI 提供接口數(shù)據(jù)。時至今日，我們的管理后臺功能已經(jīng)全部遷移完成，最新一期月刊《HelloGitHub》第 75 期 就是用它（taichi）制作而成！前端大多功能都是「我是油條」一個人完成，感謝油條讓我在有生之年可以用 taichi 出月刊。🥳
至此，終于輪到官網(wǎng)啦！這也是我今天要請大家?guī)兔Φ氖虑?#xff1a;一起重構(gòu)官網(wǎng)。
一、技術(shù)棧
官網(wǎng)這次重構(gòu)肯定要走前后端分離的，接口還是采用 FastAPI 開發(fā)，前端的話我想做成服務(wù)器渲染，同時盡量少的引入新的技術(shù)棧，所以最終技術(shù)棧如下：
TypeScript
React
Next.js
Tailwind CSS
二、項目
我用上面提及的框架起了個項目叫「geese」，Geese 譯為「驚鴻」可理解為輕盈、快速的形態(tài)。
希望煥然一新的新版 HelloGitHub 官網(wǎng)，能夠給用戶帶來「驚鴻」一般的訪問體驗。
目前，我已經(jīng)實現(xiàn)了一些如登錄、跳轉(zhuǎn)項目詳情頁的基本功能。重構(gòu)后的網(wǎng)站想做成一個圍繞開源項目的開源社區(qū)，類似于開源項目的“豆瓣”，包含分享項目、用戶積分、評論等功能。
網(wǎng)站在樣式上借鑒了（https://hackertalk.net/），我想先盡快實現(xiàn)網(wǎng)站的基本功能，目前對樣式無特別要求能看就行。想要先把信息和元素展示出來，待全部功能開發(fā)完成后，再讓設(shè)計師重新統(tǒng)一設(shè)計樣式。
現(xiàn)在，由于我個人能力有限，開發(fā)進(jìn)度較慢且前端項目質(zhì)量正走向失控。所以，想請前端的小伙伴看看，能否伸出援助之手一起共建。
項目地址：https://github.com/HelloGitHub-Team/geese
這件事我一個人干不了，那就找一群和志趣相投的人一起干！
三、待開發(fā)
待開發(fā)的功能如下：
排序組件：熱門和最新切換（簡單）
提交項目（簡單）
翻頁組件（簡單）
搜索組件（中等）
右邊欄：用戶和網(wǎng)站狀態(tài)（中等）
標(biāo)簽功能（復(fù)雜）
評論模塊（復(fù)雜）
項目詳情頁（復(fù)雜）
項目結(jié)構(gòu)和代碼優(yōu)化（復(fù)雜）
開發(fā)中接口文檔是“swagger”、復(fù)雜功能的需求文檔用“語雀”、復(fù)雜功能原型圖由我“手繪”。
做開源不是死板的做需求，歡迎提出你的建議和想法。但！請不要做思想上的巨人，行動上的矮子。
四、如何認(rèn)領(lǐng)
目前僅需要前端和設(shè)計師，后端我一個人還罩得住。
要求：相信你是一個有始有終的人，所以認(rèn)領(lǐng)后需給我一個靠譜的完成時間，可根據(jù)自己的實際情況而定，參考：簡單（7天）、中等（14天）、復(fù)雜（30天）。
認(rèn)領(lǐng)任務(wù)的步驟：
請一定、一定、一定要先看完「geese」項目的代碼和要求，再決定是否加入共同重構(gòu)官網(wǎng)。
如果是簡單的功能幾個小時可以開發(fā)完成，可直接 fork 項目提 PR 即可。
開發(fā)周期較長的功能，為防止做重浪費(fèi)時間和獲取接口文檔，可加我微信：xueweihan（備注：geese）
希望你因為熱愛加入，因為興趣而付出。
五、最后
HelloGitHub 不會止步于月刊！
如果說之前的 HelloGitHub 官網(wǎng)是用來展示月刊的網(wǎng)站，那么重構(gòu)后的網(wǎng)站將會成為一個真正的開源社區(qū)。
我知道這很難但有你們在，我相信這事兒能成！
總結(jié)
以上是生活随笔為你收集整理的求助！网站重构需要帮手（前端）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Borax.Lunardate:中国农历
- 下一篇： 2017年html5行业报告,云适配发布