/students

🎓 Проект: "Панель управления студентами"

Primary LanguageJavaScript

Панель управления студентами

Функционал:

Веб-приложение позволяет выполнять различные операции над списком студентов. В нем реализованы следующие возможности:

  • отображение таблицы со списком студентов с возможностью фильтрации и сортировки
  • добавление новых студентов с помощью формы
  • валидация данных студента в соответствии с правилами (все поля обязательны для заполнения после применения к значению метода trim(); дата рождения находится в диапазоне от 01.01.1900 до текущей даты; год начала обучения находится в диапазоне от 2000-го до текущего года)
  • отображение сообщений об ошибках для некорректного ввода.
  • расчет и отображение возраста студента на основе даты рождения
  • данные о студентах хранятся в локальном хранилище браузера (localStorage) и сохраняются между сеансами работы с приложением

Стек технологий:

  • JavaScript - использован для логики и взаимодействия с DOM
  • Bootstrap - использован для стилизации пользовательского интерфейса
  • HTML - разметка страницы

Инструкции по установке:

  • cкачайте репозиторий с приложением или склонируйте его с помощью команды: git clone
  • oткройте файл index.html в любом современном веб-браузере

Использование:

  • чтобы добавить нового студента, заполните соответствующие поля ввода в форме и нажмите кнопку "Добавить"
  • после успешного добавления студента, все поля будут очищены, и информация о студенте будет отображаться в таблице
  • используйте фильтры для поиска студентов по определенным критериям:
    • введите текст в поле "Ф. И. О." для поиска студента по подстроке в фамилии, имени или отчестве
    • введите текст в поле "Факультет" для поиска студента по подстроке в названии факультета
    • введите конкретный год начала обучения в поле "Год начала обучения" для поиска студентов с указанным годом начала обучения
    • введите конкретный год окончания обучения в поле "Год окончания обучения" для поиска студентов с указанным годом окончания обучения

Ссылка на проект