CASTAD - Marketing Automation Frontend

마케팅 자동화를 위한 React 기반 프론트엔드 애플리케이션. CASTAD 프론트엔드 프로젝트 입니다.

기술 스택

• React 19
• TypeScript
• Vite 6

처리 흐름

1. Landing Page
   └── URL 입력 → 비즈니스 분석 시작

2. Loading
   └── URL 크롤링 및 데이터 수집

3. Analysis Result
   └── 크롤링 결과 확인 (이미지, 비즈니스 정보)

4. Login
   └── 사용자 인증

5. Generation Flow (Dashboard)
   ├── 새 프로젝트 만들기
   ├── 비즈니스 설정
   ├── 에셋 관리
   ├── 사운드 스튜디오
   └── 콘텐츠 생성 완료

로컬 실행

# 의존성 설치
npm install

# recharts 설치 (대시보드용 차트 라이브러리)
npm install recharts

# 개발 서버 실행 (http://localhost:3000)
npm run dev

# 프로덕션 빌드
npm run build

# 빌드 미리보기
npm run preview

Docker 실행

# 이미지 빌드 및 컨테이너 실행
docker-compose up --build

# 백그라운드 실행
docker-compose up -d --build

# 컨테이너 중지
docker-compose down

접속 URL: http://localhost:3000