View Code? Open in Web Editor
NEW
My first MERN app.
Home Page: https://mern-app-client-2y1n.onrender.com
HTML 0.35%
JavaScript 71.31%
SCSS 25.38%
EJS 2.96%
mern-app's Introduction
This is my first MERN app.
- MongoDB - document database
- Express - Node.js web framework
- React - a client-side JavaScript framework
- NodeJS - JavaScript web server
mern-app's People
Contributors
Stargazers
Watchers
mern-app's Issues
Enroll頁面功能與All Courses頁面相同
故把功能移植到All Courses頁面後即可刪除
依照示意圖完成footer排版
[ 上半部 ]
示意圖: 左->中->右
左
logo
description
(small icons)twitter/instagram/facebook/youtube
中
Topics
(子項目)HTML/CSS...
右
聯絡方式(地址/電話/信箱)
[ 下半部 ]
copyright
- 最左側加一個 logo
- header 裡面塞一個 navbar:其中包含 about us、course、postCourse
- login、register、logout 移到最右側,並加上一個 user avatar,點擊進入 profile
- 手機版時,將 navbar、login、register、logout、avatar合併成 hamburger menu
Originally posted by @Alanwei0502 in #40 (comment)
但是按鈕的部分建議可以做一個Loading,就是發出 request 之後,response 還沒回傳的期間都不可以點擊。
這個概念跟「防抖 debounce」、「節流 throttle」有點類似,避免client端瘋狂對server發請求。
你可以想一下這個要怎麼寫。不會沒關係,就發 issue 之後再來改~
備註:防抖節流也是面試常考題之一
將註冊頁面的角色(role) 由原先 文字輸入 改成 下拉式選單
只有兩個選項(student / instructor)
畫面檔案都放在pages底下,e.g. Home, About, Course, Profile, etc.
重構組件結構,並使用 .jsx 為副檔名,非組件檔案用 .js 即可,方便區分
使用者登入後於導覽列出現"Profile"btn
點擊進入profile頁面
頁面內容是呈現使用者的個人資料
預計項目有:
- 姓名
- Email
- 角色Role
- 註冊日
- (未來補上功能)上傳個人大頭照
{
"success": "boolean",
"value": "object",
"message": "string",
}
將 passport 自定義設置檔案(config)在主應用程式(index.js)初始化, 非 index.js 的檔案就不需要再各自引入, 而是直接使用 passport 物件即可。
主線任務失敗 😥😣😭
不曉得要怎麼做比較好~
先列入待解決 issue,未來再試試看。
Originally posted by @godmmt in #99 (comment)
API: api/mailer/unsubscribe-newsletter
body
{
"email": "直接用 queryString 上的被轉成base64的email"
}
不論學生或老師應該都要可以進到「課程詳細頁面」,只是老師的畫面沒有enroll按鈕
主線任務
將 passport 自定義設置檔案(config)在主應用程式(index.js)初始化,
非 index.js 的檔案就不需要再各自引入,
而是直接使用 passport 物件即可。
分支任務
isLogin
=> true: navigate to profile page
=> false: pop out login modal
重複使用Modal組件
不讓使用者可以關閉Modal
- 關閉的icon要隱藏
- 點取Modal backdrop的關閉Modal功能也要隱藏
等使用者登入後才渲染底下的Routes
Post Course page只有在instrutor登入後才會於nav bar出現按鈕進入
Post Course頁面可以讓講師註冊自己要開課的課程內容
表單可以讓使用者填入:
- 課程標題
- 課程內容
- 課程價格
(課程影片?)
最後是"提交按鈕"讓使用者送出表單
刪除功能:
- 是對DB進行軟刪除,不要真的把資料刪掉
- 刪除後的課程,學生老師都搜尋不到
下架功能:
- 必須新增一個欄位(e.g.
isLaunched
)開關,控制該課程是否上下架
- 學生找不到下架的課程
- 該課程老師找得到下架的課程,並且有權限可以控制
Add validation for the dropdown menu on the registration page.
value改為0 & 1,取代原先直接輸入的student & instructor -->先不做
似乎不需要做驗證(?)