react-cooking-app

專案介紹

這是一個基於React所打造的食譜增加Web應用。
外觀設計以及功能實作皆由我獨立完成。
使用方式非常直覺簡單：使用者可在畫面左側進行recipe的新增與刪除，並於選定recipe後，於右側畫面進行細部資訊的輸入。

專案目標

我欲透過本應用的實作達成以下事情：

1. 能夠清楚知道React的運作模式。
2. 能夠明確說明React Components為何物，具有實作React Components的能力。
3. 能夠明確說明React Hooks為何物，並知曉React Hooks的個別實作時機以及差異。(比如useState、useEffect於功能性上的差異為何。)
4. 能夠將該Ｗeb應用與LocalStorage相互結合。
5. 能夠清楚說明Class Components跟Function Components的具體差異。

使用說明

本專案為一React專案，借助Create React App啟動。

常用語法

npm start

使用以上語法可在開發模式下運行我們創建的app。

npm run build

使用以上語法將壓縮本專案檔案大小，以利將本專案部署到生產環境。

影片展示

請參考本影片以獲知此Web應用的各項功能 👉：VIDEO DEMO