Todo App with Hooks

Create a simple Todo application using React Hooks. The app should allow users to add, delete, and mark todos as complete. Focus on using the useState and useEffect hooks for state management and side effects.

Requirements

• Use functional components with hooks
• Implement add, delete, and toggle completion functionality
• Store todos in local storage to persist data
• Style your application using CSS-in-JS or a styling framework of your choice

Test Cases

• Adding a new todo increases the todo count
• Deleting a todo decreases the todo count
• Marking a todo as complete updates its status
• Todos persist after page reload