Total Repos Size

A simple website to calculate the combined size of all your GitHub repositories. Which is deployed on Netlify.

NOTICED: IT'S ONLY FOR PUBLIC REPOSITORIES AND IT'S DIFFERENT FROM THE SIZE DOWNLOADED BY CLONING.

:file_cabinet: 一個簡單計算您所有 GitHub 存儲庫總大小的網站。

注意: 這個網站僅計算公開的 GitHub Repos 的大小，且並非下載後的大小。

Built with

Todo List

• 顯示使用者上所有 GitHub Repos 的總大小 Display the total size of all user's GitHub Repos

• 新增暗色模式 Add Dark Mode

• 關於頁面 About Page

• 區分單人模式與比較模式 Separate single mode and compare mode

• 如果使用者輸入不存在的 GitHub 帳號，要有錯誤訊息 If the user enters a non-existent GitHub account, an error message should be displayed.

• 查詢結果要新增時間戳記 Add timestamp to the result

• 查詢結果 Card 能夠提供使用者下載 The result can be downloaded by the user

• 行動裝置 RWD RWD for mobile devices

Getting Started

1. 複製儲存庫至本地 Clone this repository

git clone https://github.com/xxrjun/total-repos-size.git

2. 安裝套件 Install dependencies

# Using npm
npm install

3. 運行應用程式(開發模式) Start the app in development mode

npm run dev

4. 打包應用程式 Build the app

npm run build

5. 運行應用程式 Start the app in production mode

npm run start

Usage

How to know your GitHub ID?

In this screenshot, the GitHub ID is xxrjun.

1. 單人模式 Single Mode

在輸入框輸入 GitHub 帳號後，按下 Enter 或點擊「查詢」按鈕，即可查詢該帳號下所有 Repos 的總大小。

Enter the GitHub account in the input box, press Enter or click the "Search" button to query the total size of all Repos under the account.

2. 比較模式 Compare Mode

同單人模式

Same as single mode