esports fullstack app

電競全端應用

• 關於
• 網頁客戶端
• 網路伺服器/API
• 手機客戶端
• 安裝
• 額外說明

關於

該應用程式允許用戶發布他們的可用性，尋找並連接到玩同一遊戲的其他用戶，以便他們可以一起玩。

在這個專案中，前提是探索客戶端-伺服器架構的基礎知識。後端公開一個簡單的 REST API 來根據傳入請求提供服務和建立資源。在客戶端，網路和行動應用程式負責與伺服器通訊並提供處理用戶互動的介面。

網頁客戶端

使用 ReactJS 建置的 Web 用戶端。主要功能包括列出遊戲和創建廣告。

工具

• 打字稿
• ReactJS
• 順風CSS
• 基數使用者介面
• 阿克西奧斯

網路伺服器/API

Rest API 包含用於列出和建立資源的路由。

工具

• NodeJS
• ExpressJS
• 棱鏡 ORM
• SQLite
• 打字稿

手機客戶端

跨平台行動用戶端是使用 React Native 建構的。主要功能包括瀏覽廣告和尋找玩家。

工具

• 打字稿
• 反應本機
• 世博會

安裝

• 導航至應用程式根目錄（行動裝置、伺服器或 Web）
• 透過執行npm install安裝依賴項
• 使用npm run dev運行應用程式

要記住兩件事：

• 您可以在執行客戶端應用程式之前安裝並執行伺服器
• 截至今天，該專案中的任何應用程式都尚未準備好部署

額外說明

• 這個專案純粹是一個實踐練習，旨在開發和/或展示我在上述工具/技術/概念方面的技能。它並不意味著是一個完整的生產就緒解決方案。如果您有任何疑問或想討論它，請隨時與我們聯繫！
• 本練習是根據 Rocketseat 的 Ignite ReactJS 課程的經驗教訓建構出來的。它可能已被我改編/重新設計，也可能沒有被我改編/重新設計。