- Replace
<your_account>
with your Github username in the DEMO LINK - Follow the React task guideline
Implement ability to add TODOs to the TodoList
implemented in Static list of todos
- Create
App
component storingtodos
array and displaying it withTodoList
- Create
NewTodo
component with a form to add new TODOs- please add labels and placeholders where it is needed
- each TODO should have a
title
anduserId
selected from a list of givenusers
(./src/api/users.js
) - show user names in
<select>
- the
TODO
should be added to the list after clickingAdd
button App
should add integerid
to each TODO (starting from1
)
- Clear the form after adding a TODO
- Add validation to the form
- add an empty option
Choose a user
to the users select - before creating a user check if a
user
was selected, if not show an error next toselect
(Please choose a user) - if a title is empty show an error (Please enter the title)
- errors should appear only after pressing
Add
button
- add an empty option
- Hide an error immediately when you edit a field with an error
- (* Optional) Limit characters displayed in the
title
field. Allow enteringspaces
and alphanumeric (\w
) characters.