Task manager App
Task manager App is an application built with the latest version of React.js and Typescript.
The main focus of this App is TypeScript and Jest.
This App is NOT linked to any database. The value displayed are stored inside of DUMMY_DATA.
When a new task is added, this one is dynamically added to the dom. If you want to remove a task, this one will be removed dynamically on click.
Typescript – React.js – Jest – JavaScript – HTML – CSS
About the features:
List of all the tasks
One of the main features of the app is to list all the quotes stored in the App (DUMMY_DATA are used here).
Add a new task
The second main feature is the possibility for users to add a new task. In order to do that, a simple form is used. The text value is catch with the hook “useRef”. The datas are stored inside an array and displayed on screen dynamically, but NOT saved.
Delete a task
The last main feature is the possibility to delete a task on click. By clicking on th task this one will be removed. As the datas are not saved, if you remove the DUMMY_TASKS, those one will be rendering again if you refresh the page.
More in depth:
Written with TypeScript
The main focus of this application is TypeScript. All the types are managed with TypeScript.
Testing with Jest and React-testing library
The second important focus of this App, is the testing. As the App is not verry complex only an integration test is written. For more complex Application, units test would be necessary.