A tool to help you remember your tasks. Link to Demo
Add tasks to the list, mark tasks as done and not done, and delete tasks from the list. Your tasks will still be there when you revisit the app.
- Add a task by typing into the input and pressing enter.
- Mark tasks as done/not done by checking/unchecking a task.
- Delete tasks by clicking the 'X' button.
- customize the app's colour theme
- edit exisiting tasks
- sort tasks
Here's how to get the poject running for local development:
Node
14+
Install the app and dependencies
npm install
npm start
Runs the app in development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Launch the test runner in interactive watch mode.\
npm test
Run all the tests and generate a code coverage report.
npm test:coverage
For more information, see running tests.
For commit cda811c5
File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s |
---|---|---|---|---|---|
All files | 95.65 | 100 | 96.15 | 95 | |
src | 88.46 | 100 | 93.33 | 85 | |
App.js | 100 | 100 | 100 | 100 | |
GlobalStyles.js | 0 | 100 | 0 | 0 | 4-7 |
index.js | 0 | 100 | 100 | 0 | 6 |
src/components | 100 | 100 | 100 | 100 | |
AddTask.jsx | 100 | 100 | 100 | 100 | |
Header.jsx | 100 | 100 | 100 | 100 | |
HideCompleted.jsx | 100 | 100 | 100 | 100 | |
Task.jsx | 100 | 100 | 100 | 100 | |
lib.js | 100 | 100 | 100 | 100 | |
src/hooks | 100 | 100 | 100 | 100 | |
useLocalState.js | 100 | 100 | 100 | 100 |
npm run build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
The app is ready to be deployed!
Agata Zurek
This project makes use of code snippets and tools made by:
This project was bootstrapped with Create React App. You can learn more in the Create React App documentation.