Gohan (個人開発プロジェクト)

ご利用時の注意点 ⚠️

本プロダクトは従量課金性のAPIサービスを用いており、 無料枠を超えた課金を防ぐ為にAPI通信の一定の上限を設けてあります。

API割り当て数を超過した場合は、しばらくご利用が頂けない状況になりますのでご了承下さい。

開発の経緯

Gohan v1 (レガシー版) の改善を目的として、本プロダクト Gohan v2 を開発しました。v1 の問題点であった日本国内のレストランに限られた検索機能とシンプルすぎる UI/UX を改善し、より使いやすく友人にも広く使ってもらえるようなアプリケーションを目指しました。

v1 開発の背景

v1 開発当初はデート等でレストランを探す際に時間がかかる事が度々あり、より効率的に食事を探せるアプリケーションがあれば便利だと感じ、初版となるGohan v1 を開発しました。

今後のアップデート予定

• アクセシビリティの強化
• パフォーマンス向上
• 多言語化
• レストラン検索条件の追加
• レストラン全検索機能

使用技術

• フロントエンド
  • HTML / CSS
  • Tailwind CSS
  • React.js
  • Next.js
  • Typescript
  • TanStackQuery (react-query)
  • tRPC (client)
• バックエンド
  • Next.js API Routes
  • Supabase Database
  • tRPC (server)
• ORM
  • Prisma
• 認証
  • Next Auth
    • Credentials Provider (ゲスト)
    • Google Provider
• CI/CD
  • Vercel Workflow
  • Github Actions (CD)
  • Husky (CI)
    • ( ESLint
    • ( Prettier
    • ( Jest
• ホスティング
  • Vercel
• テスト
  • Jest
  • React Testing Library
• Lint ツール
  • Prettier
  • ESLint
• その他ツール
  • Docker (ローカル DB)
    • Storybook
    • OpenAPI (Swagger)

機能一覧

• ユーザー登録、ログイン機能 (Next auth)
• ランダム検索機能 (Places API)
• ライブラリ一覧表示 (Prisma x TRPC)
• 自分用評価追加機能 (React hook form)
• 保存済みレストランのマップ表示 (Mapbox)

URL 等

🍳 Gohan最新バージョン

 🕒 過去バージョン (v1)

📄 管理用Notion

🎨Figma

🐈‍⬛ Githubリポジトリ