麹帳~koji-book~
個人開発

麹帳~koji-book~

麹に特化したレシピの共有アプリを開発しました。

画面イメージ

トップページ(ログイン前/ログイン後)

麹帳~koji-book~

麹調味料レシピページ

麹帳~koji-book~

レシピ詳細画面(ログイン前/ログイン後)

麹帳~koji-book~

編集画面

麹帳~koji-book~

レシピ一覧画面

麹帳~koji-book~

マイページ

麹帳~koji-book~

管理画面(adminユーザーのみアクセス可)

麹帳~koji-book~


使用技術

フロントエンド

  • Next.js 

  • React 

  • TypeScript 

  • Tailwind CSS 

  • react-hot-toast 

  • @tanstack/react-table 

  • SWR 

  • react-modal 

  • react-hook-form 

  • react-paginate

  • react-select 

  • zod 

  • react-loading-skeleton 

  • browser-image-compression 

  • framer-motion 

 バックエンド

  • Next.js

  • Prisma

  • TypeScript 

  • Supabase 

  • dayjs 

  • web-push 

  • googleapis 

この実績に関連するブログ記事

  • クラス構文に立ち向かった結果

    2025年02月27日

    557
  • 好奇心だけで【プッシュ通知】実装してみた

    2025年03月04日

    264
  • 通知用Gmail送信に苦戦した話

    2025年02月24日

    128
  • 【React初心者向け】useEffectクリーンアップ関数

    2025年02月24日

    101
  • 【麹帳】管理画面作成

    2025年02月22日

    55
  • 【麹帳】アップデート

    2025年02月20日

    180
  • 麹に特化したレシピ共有アプリ【麹帳】リリース

    2025年02月14日

    420
  • 📝react-select×tailwindCSS

    2025年01月25日

    227
  • 【React 19】汎用性の高いコンポーネントの作り方

    2025年03月01日

    177
  • 【Next.js】SSRするつもりがSSGに💦ビルドエラーでハマった話

    2025年02月09日

    301
  • 画像削除が上手くいかない!デバックの過程をチラ見せ(恥)

    2025年02月09日

    278
user
吉本茜
山口在住/二児の母/育休中

他のWorks

  • kids planner

    kids planner

    個人開発
  • JS Gym問題詳細画面のプロトタイプ実装

    JS Gym問題詳細画面のプロトタイプ実装

    受託開発
  • ShiftB LP

    ShiftB LP

    受託開発
  • ShiftBポータルアプリのレスポンシブ対応

    ShiftBポータルアプリのレスポンシブ対応

    受託開発
  • ShftBの管理画面

    ShftBの管理画面

    受託開発
  • フロントエンド実装

    フロントエンド実装

    受託開発
  • フロントエンド実装

    フロントエンド実装

    受託開発
  • remindTask(仮)

    remindTask(仮)

    個人開発
  • Sleep

    Sleep

    個人開発