Docs/append readme (#35)

* docs: READMEを更新

* feat: VSCodeの推奨拡張機能を追加

Author: SatooRu65536

Diff for: .cspell.json

@@ -15,6 +15,7 @@
     "prisma",
     "prismock",
     "Segoe",
+    "shadcn",
     "sqlite",
     "Uncapitalize",
     "uuid"

Diff for: .dev.vars.example

@@ -0,0 +1,6 @@
+AUTH0_DOMAIN=
+AUTH0_CLIENT_ID=
+AUTH0_CLIENT_SECRET=
+AUTH0_CALLBACK_URL=http://localhost:5173/auth/callback
+CF_PAGES_URL=http://localhost:5173
+SESSION_SECRET=

Diff for: .vscode/extensions.json

@@ -1,5 +1,8 @@
 {
   "recommendations": [
-    "dbaeumer.vscode-eslint"
+    "dbaeumer.vscode-eslint",
+    "bradlc.vscode-tailwindcss",
+    "streetsidesoftware.code-spell-checker",
+    "prisma.prisma"
   ]
 }

Diff for: README.md

@@ -1,11 +1,34 @@
-# Remix Vite Template
+# 名簿システムv3
 
-## Tech Stack
+## 使用技術
 - React@19
 - Remix
 - Vite
-- Restyle
+- shadcn/ui
+- Tailwind CSS
 - Radix UI (Primitives)
 - TypeScript
 - ESLint@9
 - Cloudflare Pages
+
+## セットアップ
+### 1. リポジトリをクローン
+https://github.com/SystemEngineeringTeam/meibo-system-v3 をクローン
+
+### 2. パッケージをインストール
+```bash
+pnpm install
+```
+
+### 3. 環境変数を設定
+`.dev.vars.example` をコピーして `.dev.vars` を作成し、環境変数を設定
+```bash
+cp .dev.vars.example .dev.vars
+```
+
+中身は slack のピン留めを参照
+
+### 4. 開発サーバーを起動
+```bash
+pnpm dev
+```