Сайт "Кібер техніка"
Этот проект реализует интернет-магазин современной электроники "Кибер-Техника" с такими основными функциями:
Главная страница (index.html):
Хедер с логотипом, навигацией, переключателем темы (светлая/темная), кнопками входа и корзины.
Главный баннер с призывом перейти в каталог.
Динамический список категорий товаров.
Блок "Хиты продаж" с популярными товарами.
Каталог товаров с фильтрацией по категориям и поиском.
Модальные окна для:
входа
регистрации
просмотра профиля
просмотра деталей товара
корзины
оформления заказа
смены пароля
просмотра истории заказов
Каталог и категории:
Категории и товары хранятся в массивах CATEGORIES и PRODUCTS.
Отображение категорий и товаров реализовано динамически через функции renderCategories, renderBestsellers, renderCatalog.
Фильтрация каталога по категориям и поисковому запросу.
Корзина:
Добавление/удаление товаров.
Расчет общей суммы.
Сохранение корзины в localStorage.
Оформление заказа через контактную форму.
Просмотр последних заказов в профиле пользователя.
Аутентификация и профиль:
Простая вход/регистрация с проверкой пароля.
Сохранение данных пользователя в localStorage.
Возможность редактирования профиля, смены пароля, просмотра истории заказов.
Интерфейс:
Адаптивная верстка (CSS, media-запросы).
Переключение темы (светлая/темная).
Модальные окна для взаимодействия с пользователем.
Сообщения о действиях (добавлено в корзину, очищена корзина, успешный заказ и т.д.).
Структура кода:
Код разделен на модули:
cart.js,
catalog.js,
client.js,
core.js,
product.js,
shared.js.
Вся логика взаимодействия с DOM, localStorage, модальными окнами, корзиной, каталогом и пользователем реализована на чистом JavaScript.
Проект является полностью фронтенд-реализацией (без бэкенда):
Все данные хранятся локально в браузере с помощью localStorage.
Главная страница (index.html):
Хедер с логотипом, навигацией, переключателем темы (светлая/темная), кнопками входа и корзины.
Главный баннер с призывом перейти в каталог.
Динамический список категорий товаров.
Блок "Хиты продаж" с популярными товарами.
Каталог товаров с фильтрацией по категориям и поиском.
Модальные окна для:
входа
регистрации
просмотра профиля
просмотра деталей товара
корзины
оформления заказа
смены пароля
просмотра истории заказов
Каталог и категории:
Категории и товары хранятся в массивах CATEGORIES и PRODUCTS.
Отображение категорий и товаров реализовано динамически через функции renderCategories, renderBestsellers, renderCatalog.
Фильтрация каталога по категориям и поисковому запросу.
Корзина:
Добавление/удаление товаров.
Расчет общей суммы.
Сохранение корзины в localStorage.
Оформление заказа через контактную форму.
Просмотр последних заказов в профиле пользователя.
Аутентификация и профиль:
Простая вход/регистрация с проверкой пароля.
Сохранение данных пользователя в localStorage.
Возможность редактирования профиля, смены пароля, просмотра истории заказов.
Интерфейс:
Адаптивная верстка (CSS, media-запросы).
Переключение темы (светлая/темная).
Модальные окна для взаимодействия с пользователем.
Сообщения о действиях (добавлено в корзину, очищена корзина, успешный заказ и т.д.).
Структура кода:
Код разделен на модули:
cart.js,
catalog.js,
client.js,
core.js,
product.js,
shared.js.
Вся логика взаимодействия с DOM, localStorage, модальными окнами, корзиной, каталогом и пользователем реализована на чистом JavaScript.
Проект является полностью фронтенд-реализацией (без бэкенда):
Все данные хранятся локально в браузере с помощью localStorage.