A good old todo app, but with some additional features such as record todos and play todos.
https://todo-list.dimazawr.vercel.app
Some time ago I found on the internet a screenshot of an assignment task for a React developer position in some company.
Finally I decided to give it a shot and that task became an inspiration for this small project, where I combined a React based app with my first steps in the TypeScript.
Clone or download app repository to your computer.
In the project's folder open a new terminal tab and run
npm install
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
Click 'Add todo' button to add todo
Click 📝 to edit your todo
Click 🗑️ to delete your todo
Click ⚫ button to start record your Todo
Click ◼️ to stop recording
Click
Click 🗑️ to delete your record
If user recorder their actions, clicked ◼️ and then clicked ⚫, the previous record would be deleted from the record history and new one will be recorded instead.
- React
- TypeScript
- Redux / React-Redux
- Redux-thunk
- SCSS
- Jest-DOM
- React Testing Library