More than 3 years have passed since last update.

100日後まであと何日か表示するWebアプリを作ってみた

Last updated at 2020-08-17Posted at 2020-03-25

AWS Amplifyの勉強を兼ねて、100日を数えるタイマーを作ってみました。

サイトにアクセスすると、サインイン画面になります。create accountからアカウント登録できます。

メールアドレスに認証コードを送信する認証方法になっているので、コードを入力する必要があります。

サインインするとタイマーを作成できます。開始日と期間を設定して登録を押します。

タイマーをクリックすると開始日を変更することもできます。

ソースコード、なにか参考になれば。github: https://github.com/opvelll/wanitimer
ブログでの記事 : https://opvel.com/2020/03/24/post-1061/

今回は@auth(rules: [{ allow: owner }])を使ってみた。これでユーザーごとのデータの保存ができます。

type Plan @model @auth(rules: [{ allow: owner }]) {
  id: ID!
  startDate: AWSTimestamp!
  settingDays: Int!
}