// 作品 / 詳情

Project Beta

專案的簡介與使用的技術。

技術棧
reactnode.js
SCREENSHOT_001.png

概述

Project Beta 是一個基於 React 的應用程式,搭配 Node.js 後端。它探索了現代前端模式和伺服器端 API 設計。

主要功能

  • React 18 — 使用最新的並行功能
  • Express API — 具有適當錯誤處理的 RESTful 後端
  • 身份驗證 — 基於 JWT 的認證流程

學到的東西

建構這個專案讓我學到了適當的狀態管理和 API 設計的重要性。前後端的分離迫使我仔細思考資料契約和錯誤處理。

const fetchData = async (endpoint) => {
  const response = await fetch(`/api/${endpoint}`);
  if (!response.ok) throw new Error('Request failed');
  return response.json();
};