内容

個人開発

ツール・技術スタック

React19 / Typescript / TailwindCSS / jotai / React Hook Form

制作において

ダッシュボード風のアプリケーションを作成してみたく、ReactとTailwindCSSを使用して顧客管理CRMを作成しました。バックエンドにはSupabase（ユーザー認証、DB）を利用しています。Reactの状態管理ライブラリであるjotaiを使用して、グローバルステートの管理を行いました。

Supabase Authを使用してユーザー登録、ログイン、ログアウトが可能です。ログイン後は顧客情報の一覧表示、追加、編集、削除が可能です。顧客情報の追加・編集時にはReact Hook Formを使用してフォームのバリデーションを行っています。

テストアカウント

メールアドレス：test@example.com

パスワード：test1234