https://github.com/yuriyvyatkin/ra-hw-4.2-workout-accounting
ДЗ №2 к лекции «Формы» курса «React» Нетологии
https://github.com/yuriyvyatkin/ra-hw-4.2-workout-accounting
decomposition nanoid reactjs
Last synced: 4 months ago
JSON representation
ДЗ №2 к лекции «Формы» курса «React» Нетологии
- Host: GitHub
- URL: https://github.com/yuriyvyatkin/ra-hw-4.2-workout-accounting
- Owner: yuriyvyatkin
- Created: 2021-11-08T09:43:42.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-11-08T10:18:58.000Z (over 3 years ago)
- Last Synced: 2025-01-04T01:38:58.022Z (6 months ago)
- Topics: decomposition, nanoid, reactjs
- Language: JavaScript
- Homepage: https://yuriyvyatkin.github.io/ra-hw-4.2-workout-accounting/
- Size: 384 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Домашнее задание №2 к лекции «Формы»
[](https://ci.appveyor.com/project/yuriyvyatkin/ra-hw-4-2-workout-accounting)
[Ссылка на Github Pages](https://yuriyvyatkin.github.io/ra-hw-4.2-workout-accounting/)
Учёт тренировок
===
Вы решили реализовать небольшое приложение, которое хранит данные о тренировках (прогулках), которые вы совершаете в течение недели.
Общий интерфейс должен выглядеть следующим образом:
## Добавление данных
У вас должна быть форма ввода в которую вводится дата и количество пройденных километров. Добавленные значения добавляются в таблицу при отправке формы.
_Особенности добавления_:
1. Новые значения добавляются не в конец, а согласно сортировке по дате, т.е. если мы добавим 21.07.2019, то значение встанет на первую позицию (согласно скриншоту), а если 17.07.2019 - то на последнюю
2. Если мы добавляем значения, указывая уже существующую дату, то значения суммируются с теми, что хранятся в таблице, например, если добавить 20.07.2019 и 10км, то для даты 20.07.2019 будет отображаться 15.7км
## Удаление данных
С помощью иконки ✘ должна быть возможность удалить строку. Удаляется вся строка целиком и данные, связанные с ней.
## Редактирование данных
Дополнительное (не обязательное) задание: вы можете реализовать кнопку редактирования ✎ - при нажатии на которую происходит перенос данных в форму ввода с последующим сохранением (при нажатии кнопки Ok).