Skip to content
This repository has been archived by the owner on Dec 27, 2024. It is now read-only.

taga3s/Rhythmate-Web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

d76d807 · Nov 1, 2024
Aug 25, 2024
Apr 20, 2024
Oct 31, 2024
Oct 30, 2024
Nov 1, 2024
Nov 1, 2024
Apr 27, 2024
Feb 19, 2024
Aug 25, 2024
Oct 31, 2024
May 20, 2024
Oct 27, 2024
Oct 27, 2024
Oct 27, 2024
Feb 18, 2024
Apr 29, 2024
Feb 18, 2024
Feb 18, 2024
Apr 24, 2024
Feb 25, 2024
Oct 14, 2024

Repository files navigation

Rhythmate-Web

ゲーム感覚で習慣化を楽しめるサービスRhythmateのフロントエンドです。
バックエンドのリポジトリは https://github.com/taga3s/Rhythmate-Service へ。

アプリ概要

「習慣化×ゲーム」をコンセプトとし、自分の設定したクエストを達成していくことで習慣化を図ることができるWebアプリケーションです。モバイルファーストでUIの設計をしています。現在は、機能を提供しています。

  • クエスト機能
  • 週次レポート機能
  • ユーザ―レベルアップ機能
  • バッジ収集機能

実績

  • 技育CAMPハッカソン2023 vol15努力賞受賞
  • 技育博2024 vol2企業賞受賞

主な技術スタック

  • 言語

    • TypeScript
  • フレームワーク・ライブラリ

    • React
    • Tailwind CSS
    • Tanstack Router
    • Tanstack Query
    • react-hook-form
    • zod
  • ツール

    • biome
  • PaaS

    • Vercel
  • その他

    • git submodule

システム構成

システム構成図

環境構築

前提

  1. パッケージ管理にpnpmを利用するので、有効化します。
$ corepack enable pnpm
  1. node_modules をインストールする。
$ pnpm i
  1. .env.exampleをコピーして.env配置する。(値は管理人に尋ねること。)
cp .env.example .env
  1. git submoduleと連携する。また、特定のディレクトリやファイルのみを取得したい場合は、sparse-checkoutの設定を行ってください。(参考
$ git submodule update --init

Reactを起動する。

$ pnpm run dev

Formatterをかける。

$ pnpm run format

Linterをかける。

$ pnpm run lint