[App]TODO管理

OVERVIEW

ReactでTodoアプリを作成しました。

ReactでTODO管理アプリを作成しました。

下記のリンクで実際に操作できます。(PC推奨)

https://aclone-a-trello-clone.vercel.app/

-アプリ概要-

Todo管理アプリであるTrelloのクローンアプリです。サービス名は架空です。

本家のようにボードがあり、各タスクを登録できます。

最大の特徴はドラッグアンドドロップが可能な点です。

各ボード、各タスクはドラッグアンドドロップで位置を変更することができます。


-使用したライブラリ-

・react-beautiful-dnd(ドラッグアンドドロップ用)

・uuid(タスクやボードのid設定用)


-製作期間-

約1週間


-感想-

今回主役の機能であるドラッグアンドドロップの実装が、ライブラリの作法を多少理解しなければいけない為に時間をかけたかなという印象です。実装が終わって改めて便利なライブラリだなと思いました。

また、やろうやろうと思ってやってなかったvercelでの初デプロイにも手を出すことができ、同じく無料ホスティングが可能なgithub pagesよりも手軽だったので感動でした。

架空のそれっぽいサービスの名前は既存サービスのクローンでa cloneなので、ACLONEです。何の捻りもないです。。小さなロゴ画像はAIにプロンプト叩いて作ってもらいました。便利な時代ですね。



WEBSITE