ToDo-App Tailwind Templates

Todo App

Laravel/Tailwind CSS/Livewire

Todo App

これは、React・Laravel・LiveWire・Tailwind CSS を使用して作成されたシンプルなToDoアプリケーションです。


必要条件

  • Node.js (推奨: v18以上)
  • npm または yarn
  • PHP (推奨: v8以上)
  • MySQL または SQLite

🛠️ 使用技術

  • フロントエンド: React, React Router, React Query, Tailwind CSS, Material UI
  • バックエンド: Laravel 10, LiveWire
  • データベース: MySQL
  • その他: Axios, Laravel Mix, Webpack

📂 プロジェクト構成

.
├── resources
│   ├── js
│   │   ├── components
│   │   ├── hooks
│   │   └── pages
│   ├── sass
│   └── views
├── public
├── routes
├── database
├── .env
├── package.json
├── webpack.mix.js
└── tailwind.config.js

📃 機能一覧

  • ToDoの作成
  • ToDoの一覧表示
  • ToDoの編集
  • ToDoの削除
  • API通信 (Axios + React Query)
  • LiveWireによるリアルタイムデータ反映

🎯 今後の改善点

  • CRUD機能の実装
  • UIの調整
  • レスポンシブ対応

Top categories

Loading Svelte Themes