드림 라이터 (Dream Writer) 🖋️✨

어린이들을 위한 AI 기반 시적 창작 공간입니다. 깊은 밤하늘의 '꿈별' 지미니와 함께 영감을 얻고, 나만의 배를 띄워 이야기를 기록해보세요.

🌟 프로젝트 개요

• 목표: 아이들이 부담 없이 창의적인 글쓰기를 시작할 수 있는 몽환적인 디지털 공간 제공.
• 컨셉: <라 루나(La Luna)>의 따뜻한 감성과 클로드 모네의 빛의 질감을 결합한 비주얼.

🚀 기술 스택

• Framework: Next.js 16 (App Router)
• Styling: Tailwind CSS 4
• Animation: Framer Motion
• AI Engine: Google Gemini API (지미니 별)
• State: Zustand / React Context
• Performance: HTML5 Canvas (Particle System), SVG (Turbulence Texture)

🎨 Phase 1 구현 사항

• 60:40 비율의 하늘-바다 레이아웃: 태블릿 반응형 대응.
• 꿈별(지미니) 오프제: 은은한 동적 맥동(Pulse) 애니메이션.
• 일렁이는 바다와 나무배: 인터랙티브한 항해 요소.
• 별 가루 입자 효과 (Canvas): 마우스/터치 궤적을 따르는 60fps 골든 파티클.
• SVG 텍스처 필터: 종이/판화의 거친 질감 구현.
• 보호자 페이지 등대: 3초 롱프레스 시각적 피드백 시스템.
• 사운드 구조: AudioContext 기반 BGM/SFX 확장성 확보.

🛠️ 시작하기

npm install
npm run dev

---

본 프로젝트는 아이들의 꿈을 잇는 통로로 설계되었습니다.