Works

Nuxt TodoアプリのTodo一覧画面
Todo一覧画面
Nuxt Todoアプリのフィルタ切り替え画面
完了・未完了切り替え

Nuxtを用いたTodoアプリ

【概要】

Nuxtの学習を目的としてTodoアプリを作成した。

【機能】

・Todo新規作成 ・Todo削除 ・完了のチェックボックス ・全て、未完了のタブ切り替え ・FireStoreにデータ保存、取得、同期

【開発を通して得た成果】

・Vue, Nuxtの基本ルールの理解 ・リアクティブなデータ管理の理解 ・テンプレート構文とディレクティブの理解 ・コンポーネント間連携の理解

【克服した点】

・ディレクトリ構成規約の理解 ・SSRとクライアントサイド実行の分離 ・組み込みコンポーザブルの理解

【使用技術】
  • ツール：Visual Studio Code, GitHub
  • 言語：TypeScript
  • フレームワーク：Vue.js, Nuxt, Tailwind CSS