Kandio16/react_add-todo-form

React add TODO form

• Replace <your_account> with your Github username in the DEMO LINK
• Follow the React task guideline

Task

Implement ability to add TODOs to the TodoList implemented in Static list of todos

1. Create App component storing todos array and displaying it using TodoList
2. Create a form to add new TODOs
   • DON'T create a separate component for a form
   • please add labels and placeholders where they are needed
   • each TODO should have a title and userId selected from a list of given users (./src/api/users.js)
   • show user names in <select>
   • the TODO should be added to the list after clicking Add button
   • the id of each new todo should be the next integer after the current maximal id in the array
3. Clear the form after adding a TODO
4. Add validation to the form
   • add an empty option Choose a user to the users select
   • before creating a todo check if a user was selected, if not show an error message next to the select (Please choose a user)
   • if the title is empty show an error message next to the title field (Please enter the title)
   • errors should appear only after pressing Add button
   • hide a message immediately after any change of the field with an error
5. (* Optional) Limit characters displayed in the title field. Allow entering letters (ru and en), digits and spaces.