我們的 HelloGitHub.com 官網，自從 2017 年上線就一直長這樣：

這個網站是我用 Flask 寫的，因為我不怎么會寫前端，再加上項目并不是前后端分離，想要幫忙的前端小伙伴也無從下手。所以這么多年下來網站的樣式和功能沒有什么變化。🤧

就在去年，我接觸到了小程序就打算給 HelloGitHub 做一個小程序，然后我就開始用 FastAPI 重寫 HelloGitHub.com 的接口，搞完小程序?我感覺 FastAPI 用起來很舒服啊！然后我把目光移到了管理后臺。🤩

趁著手熱，我就想把管理后臺的功能也從原項目分離出來，用 Ant Design 重寫前端 FastAPI 提供接口數據。時至今日，我們的管理后臺功能已經全部遷移完成，最新一期月刊《HelloGitHub》第 75 期 就是用它（taichi）制作而成！前端大多功能都是「我是油條」一個人完成，感謝油條讓我在有生之年可以用 taichi 出月刊。🥳

至此，終于輪到官網啦！這也是我今天要請大家幫忙的事情：一起重構官網。

一、技術棧

官網這次重構肯定要走前后端分離的，接口還是采用 FastAPI 開發，前端的話我想做成服務器渲染，同時盡量少的引入新的技術棧，所以最終技術棧如下：

• TypeScript

• React

• Next.js

• Tailwind CSS

二、項目

我用上面提及的框架起了個項目叫「geese」，Geese 譯為「驚鴻」可理解為輕盈、快速的形態。

希望煥然一新的新版 HelloGitHub 官網，能夠給用戶帶來「驚鴻」一般的訪問體驗。

目前，我已經實現了一些如登錄、跳轉項目詳情頁的基本功能。重構后的網站想做成一個圍繞開源項目的開源社區，類似于開源項目的“豆瓣”，包含分享項目、用戶積分、評論等功能。

網站在樣式上借鑒了（https://hackertalk.net/），我想先盡快實現網站的基本功能，目前對樣式無特別要求能看就行。想要先把信息和元素展示出來，待全部功能開發完成后，再讓設計師重新統一設計樣式。

現在，由于我個人能力有限，開發進度較慢且前端項目質量正走向失控。所以，想請前端的小伙伴看看，能否伸出援助之手一起共建。

項目地址：https://github.com/HelloGitHub-Team/geese

這件事我一個人干不了，那就找一群和志趣相投的人一起干！

三、待開發

待開發的功能如下：

• 排序組件：熱門和最新切換（簡單）

• 提交項目（簡單）

• 翻頁組件（簡單）

• 搜索組件（中等）

• 右邊欄：用戶和網站狀態（中等）

• 標簽功能（復雜）
  

• 評論模塊（復雜）

• 項目詳情頁（復雜）

• 項目結構和代碼優化（復雜）

開發中接口文檔是“swagger”、復雜功能的需求文檔用“語雀”、復雜功能原型圖由我“手繪”。

做開源不是死板的做需求，歡迎提出你的建議和想法。但！請不要做思想上的巨人，行動上的矮子。

四、如何認領

目前僅需要前端和設計師，后端我一個人還罩得住。

要求：相信你是一個有始有終的人，所以認領后需給我一個靠譜的完成時間，可根據自己的實際情況而定，參考：簡單（7天）、中等（14天）、復雜（30天）。

認領任務的步驟：

請一定、一定、一定要先看完「geese」項目的代碼和要求，再決定是否加入共同重構官網。

如果是簡單的功能幾個小時可以開發完成，可直接 fork 項目提 PR 即可。

開發周期較長的功能，為防止做重浪費時間和獲取接口文檔，可加我微信：xueweihan（備注：geese）

希望你因為熱愛加入，因為興趣而付出。

五、最后

HelloGitHub 不會止步于月刊！

如果說之前的 HelloGitHub 官網是用來展示月刊的網站，那么重構后的網站將會成為一個真正的開源社區。

我知道這很難但有你們在，我相信這事兒能成！

總結

以上是生活随笔為你收集整理的求助！网站重构需要帮手（前端）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。