JuneLin2001 · JuneLin2001 · Sep 12, 2024 · Aug 26, 2024 · Aug 26, 2024 · Aug 26, 2024
diff --git a/.firebase/hosting.ZGlzdA.cache b/.firebase/hosting.ZGlzdA.cache
@@ -0,0 +1,4 @@
+vite.svg,1724322156064,59ec4b6085a0cb1bf712a5e48dd5f35b08e34830d49c2026c18241be04e05d5a
+index.html,1724341293930,6a20493b5a7dc91692ee68a928ece02df5b84f6a6558e36c74f7297e40a22ab4
+assets/index-DiwrgTda.css,1724341293930,2dd284f47ac7308a238a3c03dce70a7a2375753520b14f262cfe39920569fdc5
+assets/index-A1JK3vx-.js,1724341293931,1f02aad0779c842aa297eefbeb60c0b4906f51a442d0c40d15eeda14f2295442
diff --git a/.firebaserc b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "f2e-2bac8"
+  }
+}
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -3,7 +3,7 @@ name: Deploy
 on:
   push:
     branches:
-      - main
+      - develop
 
 jobs:
   build:
@@ -35,7 +35,7 @@ jobs:
     name: Deploy
     needs: build
     runs-on: ubuntu-latest
-    if: github.ref == 'refs/heads/main'
+    if: github.ref == 'refs/heads/develop'
 
     steps:
       - name: Download artifact

diff --git a/.gitignore b/.gitignore
@@ -25,3 +25,5 @@ dist-ssr
 
 .env
 .env.local
+
+.firebase/
diff --git a/README.md b/README.md
@@ -1,8 +1,25 @@
-# React + Vite
+### [Firebase 部署網址](https://f2e-2bac8.web.app/login)
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+---
 
-Currently, two official plugins are available:
+# 待處理內容 
+
+| 待處理事項 | 說明 | 示意圖片(from github) |
+| ------ | ------ | ------ |
+| 1 | 當共同協作的 repo 刪除 comment 時，顯示不同樣式 UI | ![](https://imgur.com/ByeDSI4.png) |
+| 2 | 按下 comment 時間的連結 anchor | ![](https://imgur.com/VFNcyv9.png)|
+| 3 | 403網頁(github api 到達上限問題)尚未製作 | |
+
+
+---
+
+# 已完成功能 
+
+| 操作步驟 | 說明 | 專案網站圖片 |
+| ------ | ------ | ------ |
+| Step 1 | 點擊登入按鈕 | ![](https://i.imgur.com/h0pDatm.png) |
+| Step 2 | 登入後會看到自己帳號的Repository列表 | ![](https://i.imgur.com/fbeLOlr.png)|
+| Step 3 | 點擊Repository Name，進入該Repository的issue Page | ![](https://i.imgur.com/kRPF9Ld.png) |
+| Step 4 | 點擊Issue標題，進入該Issue的Comment Page | ![](https://i.imgur.com/Gv8jHcw.png)
+| Step 5 | 可以在Comment Page中操作CRUD功能 | ![](https://i.imgur.com/cO0SyI2.png)
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
diff --git a/firebase.json b/firebase.json
@@ -0,0 +1,24 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ],
+
+    "headers": [
+      {
+        "source": "**/*.js",
+        "headers": [
+          {
+            "key": "Content-Type",
+            "value": "application/javascript"
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/firebaseConfig.js b/firebaseConfig.js
@@ -0,0 +1,23 @@
+// Import the functions you need from the SDKs you need
+import { initializeApp } from "firebase/app";
+import { getAuth, GithubAuthProvider } from "firebase/auth";
+import { getAnalytics } from "firebase/analytics";
+
+const firebaseConfig = {
+  apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
+  authDomain: "f2e-2bac8.firebaseapp.com",
+  projectId: "f2e-2bac8",
+  storageBucket: "f2e-2bac8.appspot.com",
+  messagingSenderId: "1090396320136",
+  appId: "1:1090396320136:web:5efeb2385745e378940a3d",
+  measurementId: "G-71LMXD9XE3",
+};
+
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+const analytics = getAnalytics(app);
+
+const auth = getAuth(app);
+const provider = new GithubAuthProvider();
+
+export { auth, provider };
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="./src/assets/mark-github.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>91APP_front-end-class</title>
   </head>