TODOList

OVERVIEW

独学でReactを学び、Reactを用いてTODOlListを作成 ※全体のコードはGitHub上にアップロードしています。

YEAR 2022

TODOList(React)


<作成した目的>

自主学習でReactを学んだ時に、実際にTODOListを作りながら学んだため。 

このTODOListを通して、学んだReactの使い方に慣れること、JSXの記述方法に慣れたいと感じていた。

このTODOListを作成した結果、JSXの記述方法は理解したが、慣れるまでには至れていないので、もっといろんなものを作っていこうと思う。


<使い方>

●TODOを入力

・「TODOを入力」の箇所に何か文字を入れて「追加」をクリックすると、「未完了のTODO」に追加される。

●未完了のTODO

・「未完了のTODO」に追加できる項目は最大5個まで

・追加した項目の「完了」をクリックすると、「完了のTODO」に追加され、「未完了のTODO」からは削除される。

・追加した項目の「削除」をクリックすると、その項目が削除される。

●完了のTODO

・追加された項目の「戻す」をクリックすると、「未完了のTODO」にその項目が戻るようになっている


<制作概要>

●制作期間

約2日(10時間程度)

●使用言語

React