# 【Twitter專案】分析設計稿資料與元件


* ### 註冊頁 - /regist
| Data | Views | Components |
| --------------------------------------- | ------ | ---------- |
| 使用者帳號、名稱、Email、密碼、密碼確認 | Register | x |
---

* ### 個人資料設定 - /setting
| Data | Views | Components |
| --- | --------------- | ---------- |
|使用者帳號、名稱、Email、密碼、密碼確認 | UserSettingForm | SideNavbar |
---

* ### 前台登入頁 - /login
| Data | Views | Components |
| --- | --------------- | ---------- |
|使用者帳號、使用者密碼 | UserLogin |x |

---

* ### 首頁 tweets 總表- /main
| Data | Views |
| -------------------------------------------------------- | ---------- |
| 使用者頭像 | MainTweets |
| 用戶推文清單（名稱、帳號、時間、點讚、回應、頭像、內容） | MainTweets |
| 跟隨名單（頭像、名稱、帳號、是否正在跟隨） | MainTweets |

| Components | 版面位置 |
| -------------- | ------------ |
| SideNavbar | 左側 |
| NavTweet | 上方推文區塊 |
| UserTweetscard | 用戶推文內容 |
| FollowingNav | 右側追隨者區塊 |

---

* ### 單一 tweet 詳情頁 - /reply_list
| Data | Views |
| -------- | -- |
| 發文者詳細內容(頭像、帳號、名稱、內容、時間、喜歡次數、回應數量) | ReplyList |
| 回應清單（頭像、名稱、帳號、時間、回應內容） | ReplyList |
| 跟隨名單（頭像、名稱、帳號、是否正在跟隨） | ReplyList |

| Components | 版面位置 |
| -------------- | ------------ |
| SideNavbar | 左側 |
| UserTweetNav | 上方推文區塊 |
| UserReplies | 用戶推文內容 |
| FollowingNav | 右側追隨者區塊 |
---

* ### 新增 tweet - /tweet
| Data | Views |
| ----- | ----------- |
|使用者頭像、發文內容 | AddTweet |
---

* ### 回覆 - /replied
| Data | Views |
| ----- | ----------- |
|發文者頭像、發文內容、時間、帳號、名稱、回應內容 |ReplyTweet |

---

* ### 自己的 user profile (推文清單) - /user/self
| Data | Views |
| -------- | -- |
|使用者簡介(頭像、帳號、名稱、簡介、追隨人數、被追隨人數) | UserProfile |
| 推文清單(頭像、帳號、名稱、內容、時間、喜歡次數、回應數量) | UserProfile |
| 跟隨名單（頭像、名稱、帳號、是否正在跟隨）） | UserProfile |

| Components | 版面位置 |
| ------------ | ------------------ |
| SideNavbar | 左側 |
| UserProfileCard | 上方推文區塊 |
| UserTweets | 下方使用者推文內容 |
| FollowingNav | 右側追隨者區塊 |
---

* ### 自己的 user profile (喜歡的內容) - /user/self/like
| Data | Views |
| -------- | -- |
|使用者簡介(頭像、帳號、名稱、簡介、追隨人數、被追隨人數) | UserProfile |
| 喜歡內容清單(頭像、帳號、名稱、內容、時間、喜歡次數、回應數量) | UserProfile |
| 跟隨名單（頭像、名稱、帳號、是否正在跟隨）） | UserProfile |

| Components | 版面位置 |
| ------------ | ------------------ |
| SideNavbar | 左側 |
| UserLiked | 下方喜歡區塊 |
| FollowingNav | 右側追隨者區塊 |
---

### 自己的 user profile - 編輯資料 - /user/self/edit
| Data | Views |
| -------- | -- |
|使用者頭像、帳號、名稱、簡介內容、背景圖 | UserProfileEdit |
---

### user 的跟隨者清單 - /user/self/follower
| Data | Views |
| -------- | -- |
|目前使用者(名稱、貼文數量) | Followlist |
| 跟隨者清單(頭像、帳號、名稱、內容、時間、喜歡次數、回應數量、是否正在跟隨) | Followlist |
| 跟隨名單（頭像、名稱、帳號、是否正在跟隨））| Followlist |

| Components | 版面位置 |
| ------------ | ------------------ |
| SideNavbar | 左側 |
| UserFollower | 中間跟隨清單 |
| FollowingNav | 右側追隨者區塊 |
---

### user 的正在跟隨清單 - /user/self/following
| Data | Views |
| -------- | -- |
|目前使用者(名稱、貼文數量) | Followlist |
| 正在跟隨清單(頭像、帳號、名稱、內容、時間、喜歡次數、回應數量、是否正在跟隨) | Followlist |
| 跟隨名單（頭像、名稱、帳號、是否正在跟隨）） | Followlist |

| Components | 版面位置 |
| ------------ | ------------------ |
| SideNavbar | 左側 |
| UserFollowing | 中間跟隨清單 |
| FollowingNav | 右側追隨者區塊 |
---

### 別人的 user profile - /user/other
| Data | Views |
| -------- | -- |
|使用者簡介(頭像、帳號、名稱、簡介、追隨人數、被追隨人數、有無訂閱) | OtherUserProfile |
| 喜歡內容清單(頭像、帳號、名稱、內容、時間、喜歡次數、回應數量) | OtherUserProfile |
| 跟隨名單（頭像、名稱、帳號、是否正在跟隨）） | OtherUserProfile |

| Components | 版面位置 |
| ------------ | ------------------ |
| SideNavbar | 左側 |
| OtherUserLiked | 下方喜歡區塊 |
| FollowingNav | 右側追隨者區塊 |

---

### 別人的 user profile (已訂閱/開啟小鈴鐺) - /user/other/noti
| Data | Views |
| -------- | -- |
|使用者簡介(頭像、帳號、名稱、簡介、追隨人數、被追隨人數、有無訂閱) | OtherUserProfile |
| 喜歡內容清單(頭像、帳號、名稱、內容、時間、喜歡次數、回應數量) | OtherUserProfile |
| 跟隨名單（頭像、名稱、帳號、是否正在跟隨）） | OtherUserProfile |

| Components | 版面位置 |
| ------------ | ------------------ |
| SideNavbar | 左側 |
| OtherUserTweets | 下方推文區塊 |
| FollowingNav | 右側追隨者區塊 |

---

### 後台登入頁 - /admin
| Data | Views | Components |
| --- | --------------- | ---------- |
|後台帳號、密碼 | AdminLogin |x |

---

### 後台推文清單 - /admin_main
| Data | Views |
| -------- | -- |
|推文清單(帳號、名稱、內容、時間、推文內容) | AdminMain |

| Components | 版面位置 |
| ------------ | ------------------ |
| AdminNavbar | 左側 |
| AdminTweetList | 右側推文區塊 |

---

### 後台使用者列表 - /admin_users
| Data | Views |
| -------- | -- |
|使用者清單(頭像、背景圖像、帳號、名稱、追隨數量、推文數量、按讚數量) | AdminMain |

| Components | 版面位置 |
| ------------ | ------------------ |
| AdminNavbar | 左側 |
| AdminUserList | 右側推文區塊 |