ハッカソン開発#3~画面作成とforms dalidation~

ハッカソンのために作るアプリケーションの制作過程を記録したく、進捗や作業分を軽く書いてます。

やったこと

pcで操作する時に必要なページのフロント部分とデータを追加するときのform画面を作成しました。

使った画面は以下のページ

・top画面

・log in画面

・sing up画面

・dashboard画面(form画面を含んでいる)

top画面、log in画面、sing up画面は見るに堪えないですが今はこれでよしということで...

dashboard画面中のクーポン名などを追加する部分は以下のurlを参考にし制作しました。

Form Validation with Next.js/React, Part 1

次回やりたいこと

form画面で入力することが出来たので次回サーバーに送って追加するまで行いたい。

また、firebase Cloud Functions が従量課金制にしないと使えなかったので考え中...