Small React project to learn the basics of the React framework. This project taught me proper use of hooks and of functional components.

• Adding new todo items
• Deleting todo items
• Filtering todo items
• Persistent todo items
• Editing todo items

The project was set up using the Vite toolchain with TypeScript and the React framework using the command yarn create vite. Yarn was chosen over npm for its speed and security. The following dependencies were also installed which are independent of the Vite toolchain:

• react-fontawesome for the trashcan and edit icons
• nanoid for generating unique string IDs

• git
• yarn

git clone https://github.com/Gargoth/react-todo-app.git
cd react-todo-app
yarn
yarn dev

Using git

git clone https://github.com/Gargoth/react-todo-app.git

Using gh

gh repo clone Gargoth/react-todo-app

First, enter the directory of the newly cloned repository.

cd react-todo-app

Then run the following command to install dependencies. If you encounter an error, make sure yarn is properly installed.

yarn

While inside the directory, run the following command to run the webapp

yarn dev

The previous command should start the server which you can access by going to the url displayed in the terminal. This usually defaults to http://localhost:5173/