УБИЙЦА ОТКРЫТОК: Создаем AI-Генератор Поздравлений на React + Gemini API

🟢 Создаем персональный Генератор Поздравлений с ИИ (React, TypeScript, Gemini API) Устали от банальных стихов из интернета? В этом видео мы с нуля разработаем крутое веб-приложение, которое при помощи нейросети Google Gemini генерирует уникальные поздравления и даже создает под них тематические открытки! Что мы реализуем в этом уроке: ✅ Интеграцию модели Gemini 2.5 Flash для текста. ✅ Генерацию изображений через Gemini 2.5 Flash-image. ✅ Мультиязычность: поддержка нескольких языков. ✅ Продвинутые настройки: выбор тона (от официального до 18+), учет возраста и хобби. ✅ Современный UI на Tailwind CSS с адаптивной версткой. Стек технологий: ➡️ React 18 + TypeScript ➡️ Tailwind CSS (стилизация) ➡️ Lucide React (иконки) ➡️ Google GenAI SDK (@google/genai) ➡️ таймлайн ➡️ 00:00:00 - Интро и Демо приложения 00:01:16 - Подготовка проекта 00:03:32 - ESLint prettier плагин 00:04:33 - Tailwind CSS 00:08:13 - Lucide React 00:09:04 - Логика приложения 00:16:07 - Блок с настройками 00:19:06 - Сервис для генерации поздравлений 00:24:00 - Улучшаем логику 00:27:32 - Шрифты - fonts google 00:28:55 - Header приложения 00:31:14 - Favicon 00:31:59 - Заголовок и секция выбор праздника 00:36:08 - Стилизация секции выбора праздника 00:42:04 - Секция с настройками о получателе 00:51:12 - Стилизация контроллов 00:53:48 - Секция с настройками 00:57:10 - Компонент для выбора тона 01:00:39 - Кнопка Создать Магию 01:05:30 - Блок отрисовки поздравления 01:09:52 - Фича копирования поздравления 01:12:49 - Генерация изображения 01:26:01 - Деплой приложения 01:29:36 - Финиш ▶ GitHub: https://github.com/DmitryKolotilshikov ▶ Linkedin: https://www.linkedin.com/in/kolotilshikov 📢 Автор: Дмитрий Колотильщиков #js #frontend #javascript