SoftIndex

Open project

• Remote DEMO LINK
• Locally
  1. Fork the repository
  2. Clone the forked repo
  3. Run npm install to install the dependencies
  4. Run npm start to run a development server at http://localhost :3000

Task

Реализовать одностраничное клиентское приложение, состоящее из 2х частей: таблица и форма добавления записей в таблицу.

Форма имеет следующие поля:

* First Name (string)

* Last Name (string)

* Phone (string)

* Gender (boolean)

* Age (number)

Каждое поле должно иметь правило валидации. Неверно введенное поле должно быть визуально выделено. Форма добавляет запись только при отсутствии ошибок. Форма и таблица находится на одном экране, так что при отправке данных формы, данные в таблице обновляются автоматически, а поля формы очищаются.

В таблице должна быть предусмотрена сортировка по каждому из полей и удаление записей.

Записи в таблице должны сохраняться на клиенте и подгружаться после перезагрузки страницы.

Приятный дизайн (возможно CSS-фреймворк/библиотека) приветствуется.