📦 AI Product Generator (Test Task Case)

Русский | English

---

Test link:

• Vercel.app

---

🇬🇧 English Description

🌟 Overview

This project is a high-performance product creation dashboard developed as a technical assessment. It features intelligent automation using AI to streamline the e-commerce workflow.

The core functionality: The user enters a product name, and the system automatically generates:

• Categories: Smart classification.
• Description: Marketing-ready copy.
• SEO Data: Optimized titles and keywords for search engines.

🛠 Tech Stack

• Framework: React + Vite (Lightning fast build)
• Styling: Tailwind CSS
• UI Components: shadcn/ui (Radix UI based)
• AI Integration: Google Gemini AI (Generative Language API)
• State Management: React Hooks / Context API
• Deployment: Vercel

🚀 Key Features

• AI-Powered Content: Instant generation of SEO and metadata from a single product name.
• Modern UX: Clean, responsive interface built with shadcn/ui.
• Validation: Robust form handling and real-time feedback.
• Performance: Optimized assets and minimal bundle size thanks to Vite.

🔗 Links

• Live Demo: View Project
• Source Code: GitHub Repo

🇷🇺 Описание проекта

🌟 Обзор

Данный проект представляет собой высокопроизводительную панель управления созданием товаров. Это кейс, разработанный в рамках тестового задания, демонстрирующий интеграцию нейросетей в стандартные бизнес-процессы.

Основная фишка: Пользователь вводит только название товара, а система автоматически генерирует:

• Категории: Умная классификация товара.
• Описание: Продающий текст, созданный AI.
• SEO-данные: Оптимизированные заголовки и ключевые слова.

🛠 Стек технологий

• Фреймворк: React + Vite
• Стилизация: Tailwind CSS
• Компоненты: shadcn/ui
• AI Интеграция: Google Gemini AI
• Деплой: Vercel

🚀 Ключевые возможности

• AI Генерация: Мгновенное создание контента и метаданных на основе одного лишь названия.
• Современный UX: Чистый и отзывчивый интерфейс на базе библиотеки shadcn.
• Валидация: Обработка форм и мгновенная обратная связь.
• Скорость: Быстрая сборка и работа приложения благодаря Vite.

⚙️ Установка и запуск (Local Setup)

1. Клонировать репозиторий:

   git clone https://github.com/DanielBarutov/vite-react-test-task.git

2. Установить зависимости:

   npm install

3. Создать файл .env и добавить ваш ключ:

   VITE_GOOGLE_AI_API_KEY=your_key_here

4. Запустить проект:

   npm run dev