Skip to content
@oy-global-hackathon-team5

oy-global-hackathon-team5

AI-Powered Global Trend Promotion Generator for Olive Young

๐ŸŽฏ Project Overview

๊ธ€๋กœ๋ฒŒ ์‹œ์žฅ์—์„œ ๊ตญ๊ฐ€๋ณ„๋กœ ๋น ๋ฅด๊ฒŒ ๋ณ€ํ™”ํ•˜๋Š” ํŠธ๋ Œ๋“œ๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ํฌ์ฐฉํ•˜๊ณ , ์ด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์˜ฌ๋ฆฌ๋ธŒ์˜ ์ƒํ’ˆ ํ”„๋กœ๋ชจ์…˜์„ ์ž๋™ ์ƒ์„ฑํ•˜๋Š” GenAI ์†”๋ฃจ์…˜์ž…๋‹ˆ๋‹ค.

Problem Statement

  • ๊ตญ๊ฐ€๋ณ„๋กœ ๊ฒ€์ƒ‰๋˜๋Š” ํ‚ค์›Œ๋“œ์™€ ํŠธ๋ Œ๋“œ๊ฐ€ ๋ชจ๋‘ ๋‹ค๋ฆ„
  • ๋น ๋ฅด๊ฒŒ ๋ณ€ํ™”ํ•˜๋Š” ํŠธ๋ Œ๋“œ๋ฅผ ์ˆ˜๋™์œผ๋กœ ํŒŒ์•…ํ•˜๋Š” ๋ฐ ๋งŽ์€ ์‹œ๊ฐ„๊ณผ ๋น„์šฉ ์†Œ์š”
  • ํŠธ๋ Œ๋“œ ๋ถ„์„ โ†’ ์ƒํ’ˆ ๋งค์นญ โ†’ ํ”„๋กœ๋ชจ์…˜ ๊ธฐํš โ†’ ๋””์ž์ธ๊นŒ์ง€์˜ ์ „ ๊ณผ์ •์ด ๋น„ํšจ์œจ์ 

Solution

Google Trends์˜ ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ฒ€์ƒ‰ ํ‚ค์›Œ๋“œ ์ˆ˜์ง‘ โ†’ ํŠธ๋ Œ๋“œ ํŒŒ์•… โ†’ ์ƒํ’ˆ ๋งค์นญ โ†’ ํ”„๋กœ๋ชจ์…˜ ๊ธฐํš โ†’ ๋””์ž์ธ ์ƒ์„ฑ์˜ ์ „ ๊ณผ์ •์„ ์›ํด๋ฆญ์œผ๋กœ ์ž๋™ํ™”

Example: ๋ฏธ๊ตญ์—์„œ "๋น„๊ฑด" ํ‚ค์›Œ๋“œ๊ฐ€ ๋ฐ˜๋ณต์ ์œผ๋กœ ๊ฒ€์ƒ‰๋œ๋‹ค๋ฉด, ํ•ด๋‹น ํŠธ๋ Œ๋“œ๋ฅผ ํฌ์ฐฉํ•˜์—ฌ ๋น„๊ฑด ๊ด€๋ จ ๋ทฐํ‹ฐ&ํ—ฌ์Šค์ผ€์–ด ์ œํ’ˆ ๊ธฐํš์ „์„ ์ž๋™์œผ๋กœ ์ƒ์„ฑ

๐Ÿ—๏ธ System Architecture

Workflow

  1. Data Collection: Google Trends์—์„œ ์‹ค์‹œ๊ฐ„ ํŠธ๋ Œ๋“œ ํ‚ค์›Œ๋“œ ํฌ๋กค๋ง (Playwright)
  2. Trend Analysis: ์ˆ˜์ง‘๋œ ํ‚ค์›Œ๋“œ๋ฅผ ํ†ตํ•œ ํ˜„ํ™ฉ ๋ถ„์„
  3. Product Mapping: Gemini 2.5 Pro๋ฅผ ํ™œ์šฉํ•œ ํŠธ๋ Œ๋“œ-์ƒํ’ˆ ๋ฐ์ดํ„ฐ ๋งคํ•‘
  4. Promotion Planning: AI ๊ธฐ๋ฐ˜ ํ”„๋กœ๋ชจ์…˜ ๊ธฐํš
  5. Image Generation: Gemini 2.5 Flash (NanoBanana)๋ฅผ ํ™œ์šฉํ•œ ํ”„๋กœ๋ชจ์…˜ ์ด๋ฏธ์ง€ ์ƒ์„ฑ
  6. Storage & Display: Supabase DB ์ €์žฅ ๋ฐ ํ”„๋ก ํŠธ์—”๋“œ ๋…ธ์ถœ

Tech Stack

Frontend & Backend

  • Next.js (Full-Stack Framework)
  • Vercel (Deployment)

Database

  • Supabase

AI/ML

  • Gemini 2.5 Pro (Thinking Model for Trend Analysis & Product Mapping)
  • Gemini 2.5 Flash - NanoBanana (Image Generation)
  • Vertex AI Studio (Prompt Engineering & Testing)

Data Collection

  • Playwright (TypeScript)
  • CSV Data Processing

๐Ÿ’ก Key Features

1. Real-time Trend Crawling

  • Playwright ๊ธฐ๋ฐ˜ TypeScript CLI ํ”„๋กœ๊ทธ๋žจ
  • Google Trends ์ง์ ‘ ํฌ๋กค๋ง
  • CSV ํ˜•์‹์œผ๋กœ ๋ฐ์ดํ„ฐ ์ €์žฅ

2. AI-Powered Product Mapping

  • ๊ตฌ์กฐํ™”๋˜์ง€ ์•Š์€ ๋ฐ์ดํ„ฐ ํ™˜๊ฒฝ์—์„œ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋Œ€์‹  LLM ํ™œ์šฉ
  • Gemini 2.5 Pro์˜ ์‚ฌ๊ณ  ๋Šฅ๋ ฅ์„ ํ™œ์šฉํ•œ ์ •๊ตํ•œ ๋งคํ•‘
  • System Prompt Design ๋ฌธ์„œ ์ฐธ๊ณ 

3. Automated Promotion Generation

  • ํŠธ๋ Œ๋“œ ํ‚ค์›Œ๋“œ ๊ธฐ๋ฐ˜ ํ”„๋กœ๋ชจ์…˜ ์ปจ์…‰ ์ž๋™ ๊ธฐํš
  • ์ƒํ’ˆ ์ด๋ฏธ์ง€๋ฅผ ํ™œ์šฉํ•œ ํ”„๋กœ๋ชจ์…˜ ๋ฐฐ๋„ˆ ์ƒ์„ฑ
  • ๊ตญ๊ฐ€๋ณ„ ๋งž์ถคํ˜• ์ฝ˜ํ…์ธ  ์ œ๊ณต

๐Ÿ“ธ Demo

JP US
image image
Promotion Generation Example

๐Ÿ” Key Challenges & Solutions

Challenge 1: ๋น„๊ตฌ์กฐํ™”๋œ ๋ฐ์ดํ„ฐ ๋งคํ•‘

Problem: ํŠธ๋ Œ๋“œ ํ‚ค์›Œ๋“œ์™€ ์ƒํ’ˆ ๋ฐ์ดํ„ฐ ๊ฐ„์˜ ๊ด€๊ณ„๊ฐ€ ๋ช…ํ™•ํ•œ ๊ทœ์น™์œผ๋กœ ์ •์˜๋˜์ง€ ์•Š์Œ

Solution:

  • Gemini 2.5 Pro์˜ ์‚ฌ๊ณ  ๋Šฅ๋ ฅ์„ ํ™œ์šฉํ•œ ์˜๋ฏธ์  ๋งคํ•‘
  • Vertex AI Studio๋ฅผ ํ†ตํ•œ ๋ฐ˜๋ณต์ ์ธ ํ”„๋กฌํ”„ํŠธ ์ตœ์ ํ™”
  • ๋‹ค์–‘ํ•œ ์‹œ์Šคํ…œ ํ”„๋กฌํ”„ํŠธ ๋น„๊ต ํ…Œ์ŠคํŠธ

Challenge 2: ์‹ค์‹œ๊ฐ„ ํŠธ๋ Œ๋“œ ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘

Problem: Google Trends์˜ ๋™์  ์›นํŽ˜์ด์ง€ ํฌ๋กค๋ง ๋‚œ์ด๋„

Solution:

  • Playwright๋ฅผ ํ™œ์šฉํ•œ ๋™์  ์ฝ˜ํ…์ธ  ํฌ๋กค๋ง
  • CLI ๊ธฐ๋ฐ˜ ์ž๋™ํ™” ํ”„๋กœ๊ทธ๋žจ ๊ตฌํ˜„
  • CSV ํ˜•์‹์˜ ์ฒด๊ณ„์ ์ธ ๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ

Challenge 3: ํ”„๋กœ๋ชจ์…˜ ์ด๋ฏธ์ง€ ํ’ˆ์งˆ

Problem: ์ƒ์„ฑ๋œ ์ด๋ฏธ์ง€์˜ ์ผ๊ด€์„ฑ๊ณผ ํ’ˆ์งˆ ๋ณด์žฅ

Solution:

  • NanoBanana ๋ชจ๋ธ์˜ ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง
  • ์ƒํ’ˆ ์ด๋ฏธ์ง€๋ฅผ ํ™œ์šฉํ•œ ์ปจํ…์ŠคํŠธ ์ œ๊ณต
  • ๋ฐ˜๋ณต์ ์ธ ํ”„๋กฌํ”„ํŠธ ๊ฐœ์„ 

๐Ÿ“ License

This project is part of the Olive Young Global GenAI Hackathon.


Built with โค๏ธ by Team 5 at Olive Young Global GenAI Hackathon

Popular repositories Loading

  1. Trends2Promotion Trends2Promotion Public

    TypeScript

  2. google-trends-crawling google-trends-crawling Public

    TypeScript

  3. .github .github Public

Repositories

Showing 3 of 3 repositories

Top languages

Loadingโ€ฆ

Most used topics

Loadingโ€ฆ