Skip to content

[πŸ† μ΅œμš°μˆ˜μƒ] 2026 IBM Hackathon κ°•λ¦‰μ›μ£ΌλŒ€xκ°•μ›λŒ€

Notifications You must be signed in to change notification settings

IBM2026-Team6/fronted

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎀 PitchMate: AI Presentation Assistant

"λ¬΄λŒ€ μœ„, λ‹Ήμ‹ μ˜ μ–Έμ–΄κ°€ 예술이 λ˜λ‹€."
PitchMateλŠ” λ°œν‘œ μ€€λΉ„μ˜ μ‹œμž‘λΆ€ν„° λ¦¬ν—ˆμ„€κΉŒμ§€ μ±…μž„μ§€λŠ” All-in-One AI ν”„λ ˆμ  ν…Œμ΄μ…˜ μ½”μΉ­ μ†”λ£¨μ…˜μž…λ‹ˆλ‹€.

Demo Video

✨ Key Features Overview

λ°œν‘œμžλ£Œ μš”μ•½ β†’ λŒ€λ³Έ 생성 β†’ μ‹€μ „ λ¦¬ν—ˆμ„€ β†’ 사전 ν‰κ°€κΉŒμ§€
λ°œν‘œμ˜ μ „λ°˜μ μΈ 과정을 ν•˜λ‚˜μ˜ μ›Œν¬ν”Œλ‘œμš°λ‘œ ν†΅ν•©ν•œ AI 기반 λ°œν‘œ μ€€λΉ„ λ„κ΅¬μž…λ‹ˆλ‹€.

Feature Description Preview
🏠 Cinematic Landing μ‹œλ„€λ§ˆν‹± 닀크 UI 기반 λžœλ”© νŽ˜μ΄μ§€
μ„œλΉ„μŠ€ 흐름(Prep β†’ Script β†’ Live)을 μ§κ΄€μ μœΌλ‘œ μ•ˆλ‚΄
ui.mp4
🧠 Prep Flow PDF λ°œν‘œ 자료λ₯Ό λΆ„μ„ν•˜μ—¬
μ„œλ‘ β€“λ³Έλ‘ β€“κ²°λ‘  ꡬ쑰둜 μž¬κ΅¬μ„± 및 μš”μ•½
default.mp4
✍️ Prep Script μ²­μ€‘Β·μŠ€νƒ€μΌ 기반 AI λ°œν‘œ λŒ€λ³Έ 생성
μ„Ήμ…˜λ³„ μ‹œκ°„Β·νΒ·μ˜ˆμƒ 질문 포함
default.mp4
πŸ”΄ Live Mode μŒμ„± 인식 기반 μ‹€μ „ λ¦¬ν—ˆμ„€ λͺ¨λ“œ
ν‚€μ›Œλ“œ νŠΈλž˜ν‚Ή + 타이머 + 프둬프터
default.mp4
πŸ“Š Prep Eval 곡고·평가기쀀 기반 AI λͺ¨μ˜ 심사
μ μˆ˜Β·λ“±κΈ‰Β·κ°œμ„  ν”Όλ“œλ°± 제곡
ai.mp4

πŸ›  Tech Stack

  • Frontend: React 18, TypeScript
  • Styling: Tailwind CSS (Custom Animations, Glassmorphism effects)
  • AI Model: Google Gemini API (gemini-3-flash-preview)
  • Utilities:
    • pdfjs-dist: PDF ν…μŠ€νŠΈ μΆ”μΆœ
    • @google/genai: Gemini SDK

πŸš€ Getting Started

Prerequisites

  • Node.js installed
  • Google Gemini API Key

Installation

  1. Clone the repository

    git clone https://github.com/IBM2026-Team6/fronted.git
  2. Install dependencies

    npm install
  3. Environment Setup Create a .env file in the root directory:

    API_KEY=your_google_gemini_api_key_here
  4. Run the application

    npm run dev

πŸ“‚ Project Structure

/
β”œβ”€β”€ components/
β”‚   β”œβ”€β”€ Home.tsx         # Landing page with animations & testimonials
β”‚   β”œβ”€β”€ Navbar.tsx       # Responsive navigation
β”‚   β”œβ”€β”€ PrepFlow.tsx     # Logic analysis structure
β”‚   β”œβ”€β”€ PrepScript.tsx   # Script generation & download
β”‚   β”œβ”€β”€ PrepEval.tsx     # Based AI, Mock Evaluation
β”‚   └── LiveMode.tsx     # Rehearsal dashboard
β”œβ”€β”€ services/
β”‚   └── geminiService.ts # Google GenAI integration logic
β”‚   └── backendService.ts # Fast API(Backend) integration logic
β”œβ”€β”€ utils/
β”‚   └── pdfHelper.ts     # PDF parsing utility
β”œβ”€β”€ types.ts             # TypeScript interfaces
β”œβ”€β”€ App.tsx              # Main router/layout
└── index.tsx            # Entry point

πŸ”— Links


πŸ“œ License

This project is created for the IBM 2026 Hackathon. Copyright Β© 2026 PitchMate Team.

About

[πŸ† μ΅œμš°μˆ˜μƒ] 2026 IBM Hackathon κ°•λ¦‰μ›μ£ΌλŒ€xκ°•μ›λŒ€

Resources

Stars

Watchers

Forks