実装物の紹介

今回作成していくアプリケーションの画面・シーンを紹介いたします。

完成品

https://rails-nuxt-app-e967b.web.app/

リポジトリ

https://github.com/yuki-snow1823/techpit-todoapp

TODOの追加、検索、削除シーン

TODOを追加する際に、画面に更新がかからずに必要な部分が描画されています。

マイページ

このページを使用してログインしているユーザーの確認、ログアウトができます。

新規登録画面と登録時のアクション

新規登録機能と、そのタイミングでローディングさせる実装を行います。
新規登録時にはFirebaseとRailsAPIへリクエストも行っていますので、その部分の学習も一緒に行っていきましょう。

ログイン画面

ログインに関してももちろん、SPAとして作成しているため、1つの動作に対して画面の更新が起こりません。

ぜひ、楽しみながら作成していきましょう！