What to Eat Later

與一位夥伴組隊進行的 Side Project，兩人分別以前端工程師與後端工程師的角度來共同開發，並透過共同 Review code 的方式，找出能夠實作的新功能或對既有的程式碼進行優化。

此專案仍在進行中，初步與夥伴共同規畫為持續性學習專案，期能將接觸到的新知持續加入到專案中進行實作學習。

角色與分工

擔任前端工程師的角色，主要負責開發跨平台 UI 畫面、功能邏輯撰寫、串接 api、開發共用元件。

以共用元件的設計以易於擴充、方便維護的原則進行設計與實作，例如：將重複使用的提示與輸入框整合為元件，使整套系統的輸入欄位具備共用性和一致性，達到方便擴充與維護的目的。

困境與解決

開發過程中亦有碰到需求元件原生函式庫未提供，社群開發之擴充元件亦不符需求的情況，例如：原生函式庫未提供核取方塊的元件，第三方擴充元件因外觀和環境衝突而無法直接採用，最後透過自行撰寫的方式，使用原生函式庫提供的元件開發出屬於自己的核取方塊元件，並將該元件的資料邏輯與運行所需函式整理至共用介面，以利其他需求畫面調用，實現共用性和易於維護的原則。

使用技術

使用 React Native 開發跨平台應用程式，使其可以同時運行於網頁瀏覽器與手機平台，使用 Typescript 語法使程式碼更加簡潔整齊，並將包括 Redux、Jest、Design Pattern 等概念實作進專案之中，針對跨平台做初步的 RWD 設計。

開發過程有使用 NodeJS 建置環境與安裝需求套件，並透過 expo 及相關 CLI 運行於網頁瀏覽器與手機端。