mailbox/frontend
2025-12-22 09:36:41 +09:00
..
dist Initial commit: mailbox 2025-12-16 08:18:15 +09:00
public Initial commit: mailbox 2025-12-16 08:18:15 +09:00
src 이메일 내용 iframe으로 변경 2025-12-22 09:36:41 +09:00
Dockerfile Initial commit: mailbox 2025-12-16 08:18:15 +09:00
index.html Initial commit: mailbox 2025-12-16 08:18:15 +09:00
nginx.conf Initial commit: mailbox 2025-12-16 08:18:15 +09:00
package-lock.json Initial commit: mailbox 2025-12-16 08:18:15 +09:00
package.json Initial commit: mailbox 2025-12-16 08:18:15 +09:00
postcss.config.js Initial commit: mailbox 2025-12-16 08:18:15 +09:00
README.md Add README files for root, backend, and frontend 2025-12-16 08:22:15 +09:00
tailwind.config.js Initial commit: mailbox 2025-12-16 08:18:15 +09:00
vite.config.js Initial commit: mailbox 2025-12-16 08:18:15 +09:00

🎨 Mailbox - Frontend

이메일 클라이언트의 웹 인터페이스입니다.

React Vite TailwindCSS


🛠️ 기술 스택

기술 설명
React 18 UI 라이브러리
Vite 빌드 도구
TailwindCSS CSS 프레임워크
Lucide React 아이콘

주요 기능

  • 📬 메일 목록 - 받은편지함, 보낸편지함, 스팸함
  • ✏️ 메일 작성 - 리치 텍스트 에디터
  • 📎 첨부파일 - 드래그 앤 드롭 업로드
  • 🔍 검색 - 고급 필터 옵션
  • 🤖 AI 번역 - Gemini API 연동
  • 👨‍💼 관리자 - 사용자 및 시스템 관리

🚀 실행 방법

개발 모드

npm install
npm run dev

프로덕션 빌드

npm run build

📁 구조

frontend/
├── src/
│   ├── components/    # UI 컴포넌트
│   ├── context/       # React Context
│   ├── hooks/         # 커스텀 훅
│   └── utils/         # 유틸리티 함수
└── public/            # 정적 파일