Учебный проект по созданию интерактивной таблицы с системой авторизации, валидацией данных и динамической сортировкой.
🚀 Основные возможности
Авторизация с имитацией сети:
Валидация полей (имя, email) в реальном времени.
Искусственная задержка загрузки (9 секунд) с индикатором (Loader).
Система уведомлений: «Медленное соединение» (если > 3 сек) и «Проблема с сетью».
Управление записями:
Добавление товаров/фильмов через форму.
Автоматическое присвоение уникального ID через Date.now().
Удаление записей из таблицы и памяти.
Сохранение данных в LocalStorage (данные не пропадают после перезагрузки).
Интерактивная таблица:
Умная сортировка по всем столбцам (Название, Полка, Вес, Дата).
Переключение порядка сортировки (А-Я / Я-А) при повторном клике.
Поддержка русского и английского алфавитов через localeCompare.
🛠 Технологический стек
HTML5 & CSS3: Семантическая верстка, Flexbox, CSS-анимации для лоадера.
JavaScript (ES6+):
Модульная структура (import/export).
Работа с DOM и событиями.
Асинхронность (setTimeout, Promise, AbortController).
Методы массивов (filter, sort, some, forEach).
📂 Структура проекта
index.html — главная разметка.
style.css — стили форм и таблицы.
js/SearchName.js — модуль поиска DOM-элементов.
js/settingsInput.js — логика входа, валидации и таймеров.
js/table.js — создание записей и отрисовка таблицы.
js/sortRecords.js — алгоритмы сортировки данных.