iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-SideProject30

用React Native打造找餐店APP 系列

這是一個使用React Native開發技術製作的點餐APP,打算分為管理者跟使用者版本,練習JS ES6語法再搭配React框架。

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day1] 從零開始入門RN 從建立開發環境開始!

關於我 哈囉!我是一名菜鳥前端攻城濕。 介紹開發環境:安裝 VSCode 在這個系列文章中,我將分享如何使用 React Native 開發一個「找」餐店的 A...

2024-08-01 ‧ 由 yc1996 分享
DAY 2

[Day 2] 專案發想與介紹

--發想緣由 每天到早餐店用餐時,看到他們使用的一套APP服務,便想到可以運用自己的技能來實作一套類似的APP向他們致敬。看到他們使用二維碼點餐技術後,我開始...

2024-08-02 ‧ 由 yc1996 分享
DAY 3

[Day 3] APP 畫面構想

一開始,我對於應用程式的畫面設計完全沒有頭緒。於是,我打開 App Store,搜尋「訂餐」關鍵字,從中參考了一些點餐系統的概念。 接著,我決定使用小畫家來開始...

2024-08-03 ‧ 由 yc1996 分享
DAY 4

[Day 4] 決定 APP 畫面主題樣式

前言:昨天分享我在發想了客戶版第一個畫面,不管好壞,終於有個開始了 關於APP主色配置部分燒腦一段時間,於是是以 #FEA500 當這一版APP的主色調 以...

2024-08-04 ‧ 由 yc1996 分享
DAY 5

[Day 5] 持續 APP 畫面構建!

**前言:**之前已針對使用者如何使用本 APP 的點餐流程進行了幾個畫面設計,接下來則是繼續將其餘畫面串聯起來。 現在針對接單業主方,設計他使用這款點餐 AP...

2024-08-05 ‧ 由 yc1996 分享
DAY 6

[Day 6] APP上資料準備篇-資料從哪來?

前幾天規劃使用者介面如何呈現,接下來該煩惱的是,APP上的資料從何而來?該寫hard code在前端?還是找台伺服器寫後端部署API Service? 在初...

2024-08-06 ‧ 由 yc1996 分享
DAY 7

[Day 7] 輕鬆搭建簡易CRUD API - Json-Server

前言:昨天有介紹關於APP上資料要怎麼來,可以先在專案建立資料夾方式來建立資料,接下來,介紹在社群參考了大大有分享一個Node.js套件-json-serve...

2024-08-07 ‧ 由 yc1996 分享
DAY 8

[Day 8] 環境準備,API服務部署到線上吧

昨天分享了將 API Server 部署在本機的方式,但發現接下來要寫手機應用時,連接 API 服務必須要在同一個網域下開發,而且還要將 JSON-Server...

2024-08-08 ‧ 由 yc1996 分享
DAY 9

[Day 9] APP餐點圖從何而來?

在前面已介紹了 Wireframe 設計的雛型之後,接下來需要考慮如何在 APP 上呈現餐點圖給使用者。若是每家店都去網羅餐點圖,不僅費時費力,還需要處理授權...

2024-08-09 ‧ 由 yc1996 分享
DAY 10

[Day 10] 從使用者介面到發想資料格式(一)

前言在前面的流程發想與prototype設計之後,對於這款APP的未來實現情景有了更加清晰的想像。 接下來,我將以這款餐點系統APP的核心功能進行發想。由於它是...

2024-08-10 ‧ 由 yc1996 分享