Read Scale
HTML | Tailwind CSS | Next.js | Firebase
- 内容:読書管理アプリ - Read Scale
- 制作期間:1ヶ月
概要
読書管理アプリ「Read Scale」は、読書の記録を残し、積み上げた本の高さを数値化できるサービスです。
アプリデザインから作成し、figmaを使用してデザインカンプを作成しました。
こちらから実際の制作物を確認できます。
ログインの際には以下のメールアドレス、パスワードをご利用ください。
- メールアドレス:test@test.com
- パスワード:Test1234
コード
Git hubリポジトリはこちらから確認できます。
デザイン
figmaデザインと画面遷移図はこちらから確認できます。
使用技術
- 使用言語:HTML | Typescript
- ライブラリ:Tailwind CSS | Chakra UI | React Icons | React Hook Form
- フレームワーク:React | Next.js
- 外部API:Google Book API
- DB:Firestore
- ストレージ:Cloud Storage for Firebase
- 認証:Firebase Authentication
- デザインツール:figma
- ホスティング:Vercel