React SPA BLOG

此為本人 React 練習 project，環境使用 create-react-app 建置。

簡介

主要功能如下：

• 首頁：呼籲來寫文章

• 文章列表頁面：顯示文章以及新增、編輯、刪除文章的界面。

• 會員系統：支持 Google 登入。

• 利用 Cookie 來維持登入狀態。

• 文章列表支持以兩種形式顯示文章列表，一種是顯示部份文章內容，另外一種是條列式。

• 當登入之後才可以使用新增、刪除、修改文章的功能，修改、刪除功能顯示在條列式。

• 可以用 markdown 撰寫文章。

• 關於我頁面：目前有一篇內容，之後要改成自己的介紹

使用技術

• React
• React hook
• Redux
• React-Router
• Redux-thunk
• React-Bootstrap
• RWD
• Firebase Authentication

Plugins

• axios
• react-markdwon
• firebase
• js-cookie

頁面簡介

簡易的首頁介紹頁

文章列表

網格狀顯示

條列式顯示

彈出視窗登入功能

登入後即可使用文章功能

顯示單一文章

包含的 markdown 的顯示

文章功能

新增文章

編輯文章

刪除文章

錯誤示範功能

畫面效果

捲動隱藏導覽列

Medium:讓 React 根據捲動隱藏導覽列