Личный pet-проект для портфолио: захотел на практике показать, что умею быстро создавать полноценные веб-продукты с помощью AI-инструментов разработки — от лендинга до сложной интерактивной логики.
Задача была не просто сделать одну красивую страницу, а собрать цельную продуктовую экосистему: 5 разных типов веб-проектов (лендинг, веб-приложение, дашборд, интернет-магазин, SaaS-платформа), объединённых одной темой и связанных между собой общими данными.
Спроектировал единую концепцию — сервис Save30, который помогает пользователю копить деньги за 30-дневный спринт. Вокруг этой идеи построил все 5 модулей:
1. Продающий лендинг с интерактивным калькулятором экономии
2. Веб-приложение с авторизацией, трекером финансовых привычек и функцией «Пауза на импульс»
3. Дашборд с финансовой аналитикой, графиками и AI-инсайтами
4. Интернет-магазин с каталогом товаров и умной проверкой бюджета перед покупкой
5. SaaS-платформа с AI-финансовым копилотом и тарифами подписки
Ключевой упор сделал на согласованность данных между модулями: одни и те же цифры (сумма сбережений, бюджет, количество отменённых импульсивных покупок) переходят из проекта в проект, а между страницами есть рабочие переходы — получилась цельная история продукта, а не пять изолированных страниц.
Технологии: HTML, Tailwind CSS, Vanilla JavaScript.
Собрал готовое портфолио из 5 рабочих демо-проектов, опубликованных на GitHub Pages. Каждый проект содержит реальную интерактивную логику (не статичные макеты): работающие формы, пересчёт данных в реальном времени, фильтрацию, переключение состояний.
Это учебный/демонстрационный проект — он показывает мой уровень владения фронтенд-разработкой и умение доводить идею до цельного, согласованного продукта, а не оценивает реальные бизнес-показатели.