disam8853 / midterm_NoteExchange

2019 NTU web programming class midterm project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

題目名稱

Note Exchange

GitHub link

https://github.com/disam8853/midterm_NoteExchange

一句話描述這個 project 在做什麼

Note Exchange is a platform for users to exchange and share their markdown notes.

(Optional) Deployed 連結

https://noteexchange.herokuapp.com/

使用/操作方式

start back-end server:

npm install
npm start

start front-end server:

cd client
npm install
npm start

其他說明

I use port 3000 as front-end server and 4000 as back-end server.

使用與參考之框架/模組/原始碼

showdown: convert markdown to html. bootstrap: for style and layout.

我的貢獻

I do all of this project by myself.

心得

  1. 之前有稍微碰過一點點RoR,這次用同樣是MVC架構的node.js似乎比較可以順利上手,然後在看同學的成品時有看到蠻多人覺得前端很難,我覺得bootstarp是一個很棒的選擇,他提供非常多自適應的class可以用,可以非常的輕鬆上手,這次的project中我也使用bootstrap來完成,發現可以少寫很多css,真的推薦。
  2. 然後在deploy到heroku的時候花了一點時間,看了一些教學文章之後還是有點不太懂,這部分需要未來繼續花時間研究看看。
  3. 原本還預計加入使用者和評分系統,把筆記跟使用者連結起來,但是最後時間還是不夠,只好放棄這部分。

About

2019 NTU web programming class midterm project


Languages

Language:JavaScript 86.3%Language:HTML 9.6%Language:CSS 4.1%