Этот проект создан в рамках обучающего вебинара по React от Skillfactory
npm start
Запускает приложение в режиме разработки
Откройте http://localhost:3000, чтобы увидеть приложение в браузере.
Страница будет перезагружаться каждый раз при внесении правок.
npm test
Запускает тесты. В исходном состоянии в приложении нет тестов, но вы можете их добавить (см. раздел Домашнее задание)
npm run build
Запускает сборку. Все собранные файлы будут находиться в папке build
.
Все файлы будут автоматически минифицированы и в названия файлов будут добавлены хэши.
Вы можете доработать приложение, чтобы отточить свои навыки работы с React. Ниже будут предложены некоторые предложения по доработкам, отсортированные по уровню сложности, но вы можете придумать и свои доработки.
- добавить анимацию (анимация при наведении на активные элементы, анимированное раскрытие формы)
- подключить препроцессор Sass
- дописать адаптивные стили для мобильных устройств
- при валидации выводить сообщение об ошибке (или выделять цветом) только те инпуты, в которых есть ошибка
- добавить возможность удаления карточек
- перенести форму добавления карточки во всплывающее окно
- добавить Unit-тесты. Подробнее о том, как тестировать React-компоненты, можно прочитать здесь
- добавить возможность отредактировать карточку (поменять заголовок, удалить/добавить пункты)
- провести рефакторинг компонентов согласно принципам SOLID
- добавить E2E тесты (можно использовать библиотеку cypress)