Add link here: [DEMO LINK](https://<your_account>.github.io/<repo_name>/)
Implement ability to add TODOs to the TodoList
implemented in Static list of todos
- Create
App
components 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 show 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.
- Fork the repository with task
- Clone forked repository
git clone [email protected]:<user_name>/<task_repository>.git
- Run
npm install
to install dependencies. - Then develop
- Run
npm start
to start development server onhttp://localhost:3000
When you run server the command line window will no longer be available for writing commands until you stop server (ctrl + c
). All other commands you need to run in new command line window. - Follow HTML, CSS styleguide
- Follow the simplified JS styleguide
- run
npm run lint
to check code style - When you finished add correct
homepage
topackage.json
and runnpm run deploy
- Add links to your demo in readme.md.
[DEMO LINK](https://<your_account>.github.io/<repo_name>/)
- this will be a link to your index.html
- Commit and push all recent changes.
- Create
Pull Request
from forked repo(<branch_name>)
to original repo (master
). - Add a link at
PR
to Google Spreadsheets.
src/
- directory for css, js, image, fonts filesbuild/
- directory for built pages
You should be writing code in src/
directory.