メモアプリ

このプロジェクトは、Reactを使用して作成されたシンプルなメモアプリです。 ユーザーは、メモの追加、編集、削除をすることができます。

インストール

プロジェクトをクローンし、依存関係をインストールします。

git clone https://github.com/daiiiichi/memo-app-react.git
cd memo-app-react
npm install

使用方法

開発サーバーを起動します。

npm start

ブラウザで http://localhost:3000 を開き、メモアプリを使用します。

機能

1. 一覧表示
   • メモの1行目の一覧がリストで表示されます。
   • メモをクリックすると、テキストエリアにメモの内容が表示されます。
2. 追加
   • 新規メモを追加する機能です。
   • メモ一覧の最下部にあるプラスボタンを押すことで、画面右側にテキストエリアが表示されます。
   • メモを記入したら新規追加ボタンを押すことで、メモを保存できます。
3. 編集
   • 保存したメモを編集できる機能です。
   • メモ一覧から選んだメモは、画面右側のテキストエリアに表示されます。
   • テキストエリア内で編集したのち、更新ボタンを押すことで、編集した内容に更新されます。
4. 削除
   • メモを削除することができる機能です。
   • メモ一覧から選んだメモがテキストエリアに表示されている状態で、削除ボタンを押すことで、メモが削除されます。