Welcome to our frontend developer task! This task is designed to evaluate your skills in React, TypeScript, and your ability to implement specific UI components. Follow the steps below to complete the task.
You will integrate a feature to persist the to-do list data in the browser's local storage. The goal is to ensure that the data remains available even after the page is refreshed.
Behavior Requirements:
- The to-do values should be automatically synced with local storage whenever changes are made to the list.
- The synchronization to local storage should occur after a delay of 3 seconds from the last change.
- On page load, the application should initialize the to-do list using the data stored in local storage, ensuring the user sees their saved todos.
- Clone this repository to your local machine.
- Install the necessary dependencies (React, TypeScript, and any additional libraries you prefer).
- Run the project.
- Implement the required features.
- Create a new branch with the naming convention:
dev/<feature-name>
- Commit your changes with clear, descriptive commit messages.
- Push your branch to GitHub.
- Create a Pull Request (PR) from your branch to the main branch.
- In the PR description, provide a brief explanation of your implementation and any decisions you made during the process.
Good luck.