The frontend app of meter

Dev

Prerequisite

• Node v16.18 +
• VSCode (optional)

Run

npm install
npm run dev

Project Architecture

• Project Starter Template: create-t3-app with tRPC and Tailwind CSS
• UI Component: shadcn/ui as component library
• Icon: iconify as icon library
• src/components
  • /ui: 使用 npx shadcn-ui add [component] 安裝的 shadcn/ui 元件，詳情請見 shadcn/ui CLI
  • others: 放各種非 pages 的 React Component
• src/pages
  • 檔名和路徑即決定 frontend website 的 routing，請見 Next.js Pages
  • 每個 Pages 內的元件即為一個頁面，應以 JS 邏輯為主，UI 能拆就拆到 components
  • /api: tRPC API 介面
• src/server: server-side code，目前還沒用到