# Software Studio 2023 Spring Midterm Project

### Scoring

| **Basic components** | **Score** | **Check** |
| :----------------------------------------------- | :-------: | :-------: |
| Membership Mechanism | 15% | Y |
| Firebase page | 5% | Y |
| Database read/write | 15% | Y |
| RWD | 15% | Y |
| Chatroom | 20% | Y |

| **Advanced tools** | **Score** | **Check** |
| :----------------------------------------------- | :-------: | :-------: |
| Using React | 10% | Y |
| Third-Party Sign In | 1% | Y |
| Notification | 5% | Y |
| CSS Animation | 2% | Y |
| Security | 2% | Y |

| **Other useful functions** | **Score** | **Check** |
| :----------------------------------------------- | :-------: | :-------: |
| Name of functions | 1~5% | N |

---

### How to setup your project

- npm install
- firebase login(配置已經ok)
- npm run build
- npm run export
- npm run dev (run it locally)

### How to use
https://hackmd.io/@0lGb-5aTT0aVoUhjwKMDwQ/r1gMTXbzC

---
---
- 
- 抱歉各位大哥，我的 next.js 框架沒處理好
- 拜託先不要按 crtl + R 重新整理，會進入 404 頁面 QQ

---
---
- 登入或註冊頁面，三個按鈕提供登入註冊功能、以 google 登入註冊功能
- 按鈕要 hover 才會顯示字體與特效
- 這個頁面有 CSS animation

---
---

- 按一下周杰倫回到publicom
- 按一下人頭進入 profile （ bonus ）

---
---

- 這個專案使用 react, next.js
---
---

- 以 authenticated 的方式處理資料

---
---
- add private room

- add your friends

---
---
### Function description

- 
- profile 頁面（ bonus）
- User profie
- Profile picture

---
---
- 點擊垃圾桶會收回訊息 （ bonus ）
---
---
- 點擊 chatRobotroom 進入
- ChatRobot (bonus)
- 跟周杰倫聊天

---
---

### Firebase page link

- [Your web page `URL`](https://chatroom-midterm-2a5df.web.app)

### Others (Optional)

- Anything you want to say to TAs.

<style>
table th{
width: 100%;
}
</style>