О проекте
Marketplace Simulator — веб-сайт в стиле DNS. Каталог товаров, корзина, регистрация и вход с паролем. Полноценный интернет-магазин, только для себя.
Зачем я его сделал
Идея простая: я хотел купить кучу вещей, но не мог. Тогда я сделал свой маркетплейс — чтобы хотя бы виртуально положить всё в корзину.
Что умеет
- Каталог товаров с категориями
- Корзина: добавить, удалить, изменить количество
- Подсчёт итоговой суммы
- Регистрация и вход с паролем
- Сохранение корзины между сессиями
- Адаптив под мобильные
Как работает
Чистый HTML, CSS и JavaScript без фреймворков. Товары описаны в JS-массиве, корзина и пользователи хранятся в localStorage. Авторизация — простая, локальная (для реального сайта нужен сервер, но здесь цель — попрактиковаться).
Фрагмент кода
// Добавление товара в корзину
function addToCart(productId) {
const product = products.find(p => p.id === productId);
const existing = cart.find(item => item.id === productId);
if (existing) {
existing.quantity += 1;
} else {
cart.push({ ...product, quantity: 1 });
}
saveCart();
updateCartUI();
}
Ссылки
Репозиторий скоро появится
