https://github.com/kajilabteam/stay-watch-front

https://github.com/kajilabteam/stay-watch-front

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/kajilabteam/stay-watch-front
• Owner: kajiLabTeam
• Created: 2022-03-28T12:29:54.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2025-07-17T14:53:35.000Z (about 1 year ago)
• Last Synced: 2025-07-17T16:48:09.329Z (about 1 year ago)
• Language: TypeScript
• Homepage: https://staywatch.kajilab.net
• Size: 2.46 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## production

https://stay-watch-go.kajilab.tk/

## development

develop ブランチの vercel

https://stay-watch-front-fd19.vercel.app/

### 環境構築の手順 



1. stay-watch-backend の README を見てバックエンドの環境構築を行う

2. stay-watch-front のクローン

   stay-watch-front をクローンする

3. .env.local の作成

   /stay-watch-front/ のディレクトリに .env.local ファイルを作成する

   中身は先駆者からもらう

4. yarn のインストール

   ```

   sudo npm install -g yarn

   ```

5. npm run が使えるようにする

   ```

   npm i npm-run-all

   ```

6. 実行

   下のを実行し localhost:3000/ で開ければ完了

   ```

   yarn dev

   ```

### 必要な VSCode の拡張機能



- Prettier - Code formatter

  コードを整えてくれる

- ESLint

  「console.log() があると warning を出す」などのプロジェクト独自のコード規則を設定できる

- Tailwind CSS IntelliSense

  本プロジェクトに用いられている Tailwind CSS を編集するときにあると便利

- OpenAPI(Swagger) Editor

  swagger.yml を編集する上であるとよい

- Swagger Viewer

  Shift + command + p で swagger.yml のプレビューができる

### よくあるエラーの対処法



- Yarn Build or Lint Error

  フォーマットルールに沿っていないコードである場合に出る

  下のコマンドを行うとコードを整形してくれて解決できる  

  ( 保存時に自動で整形してくれるように設定するのがおすすめ )

  ```

  yarn fix

  ```