Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/r4ai/yumemi-passport-frontend
ゆめみパスポート フロントエンドコーディング試験
https://github.com/r4ai/yumemi-passport-frontend
Last synced: 20 days ago
JSON representation
ゆめみパスポート フロントエンドコーディング試験
- Host: GitHub
- URL: https://github.com/r4ai/yumemi-passport-frontend
- Owner: r4ai
- Created: 2024-05-05T03:56:16.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-10T06:47:56.000Z (8 months ago)
- Last Synced: 2024-05-11T14:44:48.108Z (8 months ago)
- Language: TypeScript
- Homepage: https://yumemi-passport-frontend-2024.r4ai.dev
- Size: 668 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ゆめみパスポート フロントエンドコーディング試験
[](https://yumemi-passport-frontend-2024.r4ai.dev/storybook/?path=/docs/ui-button--docs)
[](https://codecov.io/gh/r4ai/yumemi-passport-frontend)
[](https://github.com/r4ai/yumemi-passport-frontend/actions/workflows/ci.yml)
[](https://github.com/r4ai/yumemi-passport-frontend/actions/workflows/publish-to-cloudflare-pages.yml)
- ウェブサイト：https://yumemi-passport-frontend-2024.r4ai.dev/
- Storybook：https://yumemi-passport-frontend-2024.r4ai.dev/storybook/
- テストカバレッジ：https://app.codecov.io/gh/r4ai/yumemi-passport-frontend
## 🤖 Tech Stack
- **Build tool**: [Vite](https://vitejs.dev/)
- **UI Framework**: [React](https://react.dev/)
- **Styling**: [Panda CSS](https://panda-css.com/)
- **Routing**: [TanStack Router](https://tanstack.com/router/latest)
- **Data fetching**: [TanStack Query](https://tanstack.com/query/latest)
- **Charting**: [Recharts](https://recharts.org/)
- **Icons**: [Lucide](https://lucide.dev/)
- **Testing**:
- [Storybook](https://storybook.js.org/)
- [Vitest](https://vitest.dev/)
## 💻 Development
| コマンド | 説明 |
| ------------------------- | ----------------------------------------- |
| `bun install` | 依存関係のインストール |
| `bun run dev` | 開発サーバーの起動 |
| `bun run build` | ビルド |
| `bun run preview` | ビルド結果のプレビュー |
| `bun run storybook` | Storybookの起動 |
| `bun run storybook:build` | Storybookのビルド |
| `bun run storybook:test` | Storybookによるコンポーネントテストの実行 |
| `bun run vitest` | Vitestによる単体テストの実行 |
| `bun run format` | Prettierによるコードフォーマットの実行 |
| `bun run lint:fix` | ESLintによるコードのリントを実行 |
### 🚀 QuickStart
> [!WARNING]
> 実行には `.tool-versions` に記載されたバージョンの Node.js と Bun が必要です。
>
> mise もしくは asdf 等を利用している場合は、`mise install` もしくは `asdf install` によってインストールできます。
1. **環境変数の設定**
`.dev.vars.example` の内容を参考に、RESAS API Key を設定した `.dev.vars` ファイルを作成してください
2. **依存関係のインストール**
```sh
bun install
```
3. **開発サーバーの起動**
```sh
bun run dev
```
4. **Storybook の起動**
```sh
bun run storybook
```
5. **Storybookによるコンポーネントテストの実行**
```sh
bun run storybook:test
```
6. **Vitest による単体テストの実行**
```sh
bun run vitest
```
7. **ビルド**
```sh
bun run build
```