「言霊アプリ」は、心に響く言葉や印象に残った名言を投稿・共有できるWebアプリケーションです。

ユーザーはログイン後、自分のお気に入りの言葉を登録し、カテゴリーで整理することができます。

Vuetifyを用いた美しいUIで、投稿の閲覧・管理をスムーズに行える設計になっています。

投稿データはSupabaseをバックエンドに使用し、composablesで状態を共通管理することで、どのページからも再利用しやすく拡張性の高い設計を実現しています。

使用スキル

・フロントエンド：Vue3/Nuxt3/TypeScript

・スタイリング：Sass/Vuetify（UIコンポーネント）

・状態管理：usePosts.tsなど

・バックエンド：Supabase（データベース・認証）

主な実装機能

・Supabase認証によるログイン／サインアップ機能

・投稿の新規作成・一覧表示・編集・削除機能

・composables(usePosts)による状態管理と再利用設計

・投稿に対してカテゴリーを複数選択・表示（Vuetifyのv-select活用）

・カテゴリー管理機能（複数選択・新規追加・編集・削除）

・マイページ機能：自分の投稿のみを表示し、操作可能

・検索機能（キーワードで投稿を絞り込み）

・いいね機能（ユーザー同士のリアクション）