ゲーム感覚で習慣化を楽しめるサービスRhythmateのフロントエンドです。
バックエンドはこちらから
「習慣化×ゲーム」をコンセプトとし、自分の設定したクエストを達成していくことで習慣化を図ることができるWebアプリケーションです。モバイルファーストでUIの設計をしています。現在は、以下の機能を提供しています。
- クエスト機能
- 週次レポート機能
- ユーザ―レベルアップ機能
- バッジ収集機能
-
言語
- TypeScript
-
フレームワーク・ライブラリ
- React
- Tailwind CSS
- Tanstack Router
- Tanstack Query
- react-hook-form
- zod
-
ツール
- biome
-
PaaS
- Vercel
-
その他
- git submodule
- パッケージ管理に
pnpmを利用するので、有効化します。
$ corepack enable pnpm
node_modulesをインストールする。
$ pnpm i
.env.exampleをコピーして.env配置する。（値は管理人に尋ねること。）
cp .env.example .env
- git submoduleと連携する。また、特定のディレクトリやファイルのみを取得したい場合は、
sparse-checkoutの設定を行ってください。（参考）
$ git submodule update --init
$ pnpm run dev
$ pnpm run format
$ pnpm run lint