Clickoma

Описание

Интернет-магазин с авторизацией, заказами и отправкой писем.

Веб-приложение интернет-магазина с возможностью просмотра товаров, регистрации, авторизации и оформления заказов. Товары загружаются с внешнего API, заказы сохраняются в Firestore, а подтверждение отправляется по электронной почте.

Цель: создать mvp веб-приложение, в котором пользователь может просматривать, добавлять в корзину и офрмлять товары, с возможностью регистрации на сайте.

Решение

Для решения поставленной цели был выбран стек:
Frontend:
- HTML5
- CSS3
- JavaScript
Backend:
- Firebase Authentication
- Firestore (Cloud Firestore)

Технологии и библиотеки:
On-change (реактивность состояния)
EmailJS (отправка писем)
Rollup (сборка)
ESLint (анализ кода)

Результат

Разработано MVP веб-приложения интернет-магазина с реализацией ключевых пользовательских сценариев: регистрация, авторизация, просмотр ассортимента, добавление товаров в корзину и оформление заказа.

Функциональность:
- Пользовательская регистрация и вход в систему с валидацией данных.
- Загрузка списка товаров с внешнего API.
- Добавление товаров в корзину с сохранением состояния.
- Оформление заказа с отправкой данных в Firebase Firestore.
- Автоматическая отправка подтверждения заказа на email пользователя (через почтовый сервис).

Проект реализован с учётом принципов модульности и масштабируемости кода. Структура приложения позволяет в дальнейшем расширять функциональность (например, добавление панели администратора или фильтрации товаров).

Ссылки на примеры реализации

 github.com/roman-n24/clickoma

Презентация проекта