概要

• Todo アプリ「はぴたす」を React と Larave で SPA で作ってみました! 基本的な CRUD 機能とログイン、ログアウト、新規登録ができます。加えて、タスクに赤、青、黄、緑のタグをつけれるようにしたのでタスク毎の重要度の差を表現できます 🎉

機能一覧

• タスク一覧表示
• タスク新規作成
• タスク編集
• タスクのチェックをつける
• タスク削除
• ユーザー登録
• ログイン
• ログアウト
• タグ(色付きのラベル)の表示、新規作成、編集

フロントエンド

• TypeScript
• React

※ styled components,tailwindcss
※ Laravel Mix（同一オリジン）

バックエンド

• Laravel

DB

• MySQL

インフラ

• AWS ( VPC, EC2 , RDS, ELB, Route53, CloudWatch)

サーバー

ミドルウェア : Nginx

OS 　 : Amazon Linux

注) サーバー費用が高いのでインフラ環境をAmazon Lightsailに変更しました🙇‍♂️ 2023/03/01~

設計

• Docs