🎉

【Nuxt×Vuetify×GoogleBookAPI】読書管理アプリ開発

2023/02/05に公開

学習や実務経験のアウトプットとして、はじめて個人でアプリを開発し公開してみました 🎉
今年の目標は個人で何個かアプリ開発をしてみることですのでその第一弾です!

Nuxt×Vuetify×GoogleBookAPIで読書管理アプリ

成果物はとてもシンプルでGoogleBookAPIを使用して、書籍データを取得、書籍の保存や読んだ日、メモなどが残せる読書管理アプリです。
データの保存はローカルストレージを使用しています。
直近の参画プロジェクトでNuxtを使用したので、とりあえず今回の開発もNuxtにしました。
Vuetifyの便利さに感激して、そのまま使用しました🙌

主な機能

  1. 書籍検索
  2. ページネーション
  3. 書籍保存
  4. 書籍メモ
  5. 書籍メモやカレンダーの編集
  6. 保存書籍の削除

以下、実際のアプリとGitHubです。

https://book-app-6f80a.web.app/BookHome/SearchBook

https://github.com/m-sato96/bookapp

感想

一週間程度を開発期間として設定しましたが、仕事の合間で開発するのはハードでした..。
色々な機能やUIを盛り込みたかったですが、ひとまず決めた期間内で実装できる内容だけに絞って公開しました。
いろんなことに躓きましたけど、なんだかんだ楽しかったです~!
次はReact、TypeScriptなどで何か開発してみます🚀

Discussion