---
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

### Search card

### 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