Vue.jsやNuxt3(Nuxt4にアップデート済)について学びたく、Todoが投稿、閲覧できるサイトを作りました。
データベースはFireStoreを使っています。

機能としては

• ログイン、ログアウト機能
• Todoの登録・編集・削除機能
• Todoの詳細画面、カレンダー表示
• プロフィール画面

があります

1つ目は、FireStoreのバッチ処理を用いてTodoの複数投稿を実装した。
2つ目は、Piniaの状態管理を使って、ダークモードの状態管理やログイン状態の管理をしている。
3つ目は、Testing Libraryでの単体テストや、Playwirghtを用いて、E2Eテストを実装して、ログイン処理や投稿処理のチェックをしている。

制作期間

使用技術

フロントエンド

• Nuxt3
• Nuxt4
• Vue.js
• Pinia
• TypeScript
• ESLint, Prettier
• Playwirght

URL

Github