Simple Twitter

這是一個社交媒體網站，其主要目的是讓您分享自己的心情或想法，並且可以與其他使用者互動認識。

---

專案畫面：

---

產品功能：

使用者：

註冊一個帳號帳號來使用這個網站，帳號與Email皆不可與其他使用者重複 使用使用者身份登入帳號，如果帳號密碼有誤或是漏填，均可得到清楚的提示 登入後可以在側邊攔切換頁籤（以下內容為電腦版頁面）：

1. 首頁：

   • 在首頁可以點擊輸入框發送推文
   • 查看網站所有的推文，排列順序由新到舊
   • 查看某特定一篇的推文，其回覆排列順序由新到舊

2. 使用者頁面

   • 可以看自己目前的帳號資訊、封面照片、個人照片、追蹤人數以及被追蹤人數
   • 可查看自己發過的推文、回覆的推文以及喜歡的推文，排列順序都是由新到舊
   • 點擊編輯個人資料，可以更改自己的名稱、自我介紹、封面照片、個人照片

3. 設定頁面

   • 可以修改自己的帳號、名稱、信箱、密碼

4. 推文

   • 點擊後可以發布推文

5. 登出

   • 點擊登出按鈕會回到登入頁面

6. 在各頁面還可以：

   • 點擊愛心圖案，喜歡其他使用者的貼文（亦可取消）
   • 點擊跟隨按鈕可以追蹤其他使用者使用者（亦可取消）
   • 最右邊可以查看目前網站中追蹤數排名前十名的使用者

管理者：

• 使用管理員身分登入帳號，如果帳號密碼有誤或是漏填，均可得到清楚的提示
• 登入後可以在側邊攔切換頁籤
• 在推文清單頁面瀏覽所有推文
• 在推文清單頁面刪除任一筆推文，並會跳出確認視窗
• 在使用者列表瀏覽所有註冊帳號的使用者，依照推文數量排序
• 在側邊攔登出，回到登入頁面

環境建置：

• Axios: 0.27.2

• gh-pages: 4.0.0

• React: 18.2.0

• React-dom: 18.2.0

• React-router-dom: 6.4.1

• React-scripts: 5.0.1

• Sass: 1.56.1

• Sweetalert2: 11.6.4

• Web-vitals: 2.1.4

專案安裝流程：

開啟終端機(Terminal)並到存放專案本機位置並執行:

git clone https://github.com/Gino-Hsu/simple-twitter.git

切至專案資料夾，安裝套件：

npm install

啟動專案

npm start

退出專案

control + C

---

專案開發人員

前端：Gino ＆ Jeff

後端：Sean小波 ＆ Cosine