react_admin_ui_v1

React Admin UI 是一個漂亮的開源儀表板使用者介面原型，使用 TypeScript 和 React 建置。令人驚訝的是，這是我第一次使用有點複雜的元件來建立使用者介面原型。因此，我的目標是 IT 機構甚至個人開發人員可以使用此原型為他們未來的專案帶來洞察力。

查看 React Admin UI 預覽，以了解原型功能、核心價值和用例的完整清單。

此儲存庫包含React Admin UI Prototype 的核心系統，分為兩個不同的目錄。後端用於 JSON API（已為 Vercel 部署進行配置），前端用於整個使用者介面原型。

？特點和組成

• ⚡️ 使用 Vite React 18 TypeScript
• 使用 React Router v6 進行宣告式路由
• ？使用 React Query v5 無縫取得數據
• 使用 React Icons v5 優化圖標
• ？ Tailwind CSS v3 作為樣式基礎
• ？ Daisy UI v4 作為基礎設計系統
• ？用於優化資料網格的 Material UI v5
• 漂亮的圖表與 Recharts v2
• ？還有更多...

安裝及使用方法

請參閱下面的快速入門安裝和使用範例。

後端

在後端目錄中安裝package.json中列出的所有相依性。

 cd backend

npm install

預設情況下，我已經部署了 API 以在 Vercel 環境中運行。可以從 https://react-admin-ui-v1-api.vercel.app/ 存取即時 API。但是，如果您想自己配置後端，可以在下面運行。

nodemon ./src/index.ts

並且可以從http://localhost:5000本地存取該API。

前端

安裝 frontend 目錄中package.json中列出的所有相依性。

 cd frontend

npm install

npm run dev

如果您想要變更預設 API 端點，可以前往 ApiCollection.tsx。

然後，可以從 http://localhost:5173/ 存取該應用程式。

？有問題嗎？想聊天嗎？遇到問題了嗎？

顯然，您隨時可以透過電子郵件或 LinkedIn 等正式方式直接與我聯繫。

？發現錯誤？建議特定功能？

請隨意在 fransachmadhw/react_admin_ui_v1 儲存庫上提交帶有相應標題和描述的新問題。如果您已經找到問題的解決方案，我們很樂意審核您的拉取請求！

✅ 要求

React Admin UI 需要高於或等於 20.11.0 LTS 的 Node 版本。查看後端和前端內的package.json中的dependencies和devDependencies部分，以尋找 React 管理 UI 的目前需求清單。

執照

React Admin Dashboard UI Prototype 是根據 BSD-3-Clause 的條款發布的。