【学習ログ】初めてのアプリ作成

作ったもの

fortune-log

概要

• 日々のちょっとした「いいこと」を記録できるアプリです
• 記録した「いいこと」の数を Heatmap で可視化します

使い方

• ダミーのアドレス（例：[e-mail])と 6 桁以上のパスワードで登録できます
• 日付ごとに「いいこと」を記録できます
• log ページから、記録した「いいこと」の確認と削除ができます

使用技術

フロントエンド

• React
• Next.js
• TypeScript
• TailwindCSS
• ReactQuery
• Zustand

バックエンド

• supabase

完成までの道のり

1. supabaseを覚えたいと思い、Udemy夏のセールで講座を購入
2. 練習のためにアプリを作ろうと決意
3. 参加しているオンラインサロン（IT_KINGDUM）のもくもく会で、アプリを作ってSlackチャンネルに9月中に投稿することを宣言して自分を追い込む
4. 宣言したことを若干後悔しつつ必死で作業
5. 9/20 なんとか完成&投稿

振り返り

結果としては、期限までにだいたいイメージしていたものを作れたので、概ね満足しています。
ただ作っている最中は思っていたより大変で、SQLの知識がなくてなかなか欲しい形でデータが取れなかったり、CSSの知識も乏しくてHeatmapの形がなかなか決まらなかったり...
途中「これ9月中はちょっと無理...」と何度も思いましたが、その度に人前で宣言したことがいいプレッシャーになって、かなり真剣に取り組むことができました。
あと、初心者が作った代物をサロンのSlackチャンネルで晒すのはかなり勇気がいったけど、メンバーのみなさんから優しいコメント&アドバイスをもらえて嬉しかったので、自分を追い込む作戦は結果とても良かったです。
（ちなみに、現在はいただいたアドバイスからバグや機能追加の対応中）
また次も挑戦します🐾