Задача: Разработать веб-интерфейс (MVP) для автошколы

Цель проекта - создать удобный интерактивный сайт, который заменит бумажное расписание и автоматизирует первичную запись учеников. Сайт должен работать прямо в браузере.

Основные функциональные требования (обязательно):

• Стартовая страница должна запускаться прямо с формы аутентификации. Нет отдельной лендинговой страницы - сразу вход и регистрация.
• Механизм регистрации и входа: На странице должны быть две вкладки: 'Войти' (для существующих учеников) и 'Зарегистрироваться' (для новых). Данные о пользователях могут храниться в localStorage для минимальной реализации backend-части (а также в виде JavaScript-массива для демонстрации базы данных).
• Элемент автоматизации: После успешного входа (или регистрации) пользователь переносится на страницу кабинета (или показывается специальный блок сайта).

Инструменты бронирования (Логика главная страница кабинета):

• Панель выбора времени: Календарь, выбор даты и доступного временного слота (например 09:00-10:30, 10:30-12:00).
• Выбор инструктора: Выпадающий список или круговая плитка с карточками (ФИО водителя (Функциональность не настоящих инструкторов). В описании каждого: стаж/специализация). При клике кнопку 'Выбрать' - флажок/выделение.
• Выбор автомобиля: Матрица с фото/маркой и коробкой передач (АКПП/МКПП). В описании дополнительно можно указать тип топлива.
• Завершение бронирования: Кнопка 'Записаться'. Нажатие формирует объект (time, instructor, car) и записывает его.

Пожелания по архитектуре:

Исполнение на трёх без фреймворков (базовый оффтолк - HTML + чистый css/scss + ванильный JavaScript). Без использования php и Ajax для искусственной жесткой связки (работа приходит на обычном наборе local-хостинг + html-разметка). Никакого полнофункционального site framework - любимая Frontend-only Экосистема.

*Контакты, номера телефонов, точные и брендовые названия (названия фирм, совпадений и тел.) умышленно не запрашиваются.