---
# System prepended metadata

title: NTUEE Course Map
tags: [course-map, ' 110-2']

---

---
tags: course-map, 110-2
---

# NTUEE Course Map
- New design
https://hackmd.io/WlV_kvcpRaiSYUxyq16ohg
- Github: https://github.com/NTUEEInfoDep/NTUEECourseMap
- Template: https://github.com/kendallstrautman/brevifolia-gatsby-forestry
- CMS: [gatsby-source-notion-api](https://www.gatsbyjs.com/plugins/gatsby-source-notion-api/)
- Notion page: https://www.notion.so/0da604b4aa8d4e27be5e223abbb7c6fb?v=3e19cc00d6164f10a18d07cc0eeac8e5

## Some UI Reference
- [NTUEE Course Map](https://ntuee-saad.gitbook.io/ntuee-course-map/)
- [Trivago](https://www.trivago.com.tw/)
- [MUI](https://mui.com/zh/material-ui/react-drawer/)


## Basic Feature
- post list
    - filter 
        - by semester
        - by teacher
        - by course type
    - sort
    - 五星等第
    - 置頂
    - 推
    - 留言（用三方登入）（待討論）
- search
- 比較貼文
- 教授總評分
- 課程分類

## Interface
Diagram: https://app.diagrams.net/#G1A-XYsxb7IT0SgrbKal26Rqtj4pTq-ag4

### Main page
![](https://i.imgur.com/NaKcEFX.png)

### Search card
![](https://i.imgur.com/l5Kx7BN.png =250x)

### Post
![](https://i.imgur.com/2kMO3qZ.png "Post" =300x)


## Component
### post + post list - 2
1. 林咏毅
2. 鄭煜儒
- [x] 變更排版
- [x] 資料對應
### search - 2
1. 吳典叡
2. 呂俐君

死不推
- [ ] collapse
- [ ] store apply rule
- [ ] handle apply
- [ ] handle clear all
### search text - 2
1. 傅渝翔
2. lulala

死不推
- [ ] handle input
- [ ] change post list according to input

### tag filter - 4
1. 楊竣凱
2. 葉庭羽
3. 賴奕銨
4. 張庭梧
- [ ] handle input 
- [ ] show list of tags
- [ ] select tag
- [ ] delete tag

### sort tool - 2
1. 莊智翔
2. 巧芸

死不推

## 5/6 開會紀錄
### Develop flow
廣哥筆記：https://www.notion.so/Develop-Flow-1e1ef58e074e441a9741006490e3c187

## 5/13 開會紀錄
### 過進度
- Search
    - 加入 Drawer
    - transition 太快
- Search column
    - 找到別人寫的



## 5/20 開會紀錄
- Tag
    - flex
- Search
    - https://www.react-reveal.com/

## 10/14
### Course card 

- Rate star
- semester
- author
- teacher
- description

Fetch 傅渝翔 
CSS 陳柏睿

### Hover Card for details
Function
CSS 莊智翔

### Image
- add image from notion

Fetch許蘊琰
CSS

### Info Route 左下角
All 金巧芸

### Search Drawer
吳典叡
Many
Sort 莊智翔

### Course Page
張庭梧
Many
