쿠폰 계산기

쿠폰의 조건을 입력하면 최적의 할인 금액을 계산해주는 간단한 웹 앱입니다.

🚀 데모

https://crowrish.github.io/coupon-calculator/

✨ 주요 기능

📱 단일 쿠폰 계산기

• 쿠폰 조건 입력: 할인율, 최소 구매 금액, 최대 할인 금액 설정
• 빠른 입력 버튼: 자주 사용하는 할인율(5%~50%), 구매 금액, 할인 금액을 버튼으로 빠르게 선택
• 최적 할인 정보: 구매 금액 입력 없이도 최적의 구매 전략 자동 제시
• 실시간 계산: 구매 금액에 따른 실제 할인 금액 및 최종 결제 금액 계산

🔄 쿠폰 비교 기능

• 다중 쿠폰 입력: 최대 3개 쿠폰을 동시에 입력하고 비교
• 최적 전략 제시: 각 쿠폰별 최적 구매 금액과 최종 결제 금액을 자동 계산
• 특정 금액 비교: 원하는 구매 금액에서 각 쿠폰의 할인 효과 비교

📱 사용 예시

예시 1

• 40% 할인 / 10,000원 이상 구매 / 최대 5,000원 할인
• 12,500원 구매시 → 5,000원 할인 (최적)

예시 2

• 10% 할인 / 10,000원 이상 구매 / 최대 3,000원 할인
• 30,000원 구매시 → 3,000원 할인 (최적)
• 10,000원 구매시 → 1,000원 할인

🔮 향후 계획

• 쿠폰 조건 저장 기능
• 할인 히스토리 관리

🛠 기술 스택

• Frontend: React 18, TypeScript
• 스타일링: Tailwind CSS
• 빌드 도구: Vite
• 라우팅: React Router DOM
• 폰트: Pretendard
• 배포: GitHub Pages

🏃‍♂️ 로컬 실행

필수 조건

• Node.js 20 이상
• npm

설치 및 실행

# 저장소 클론
git clone https://github.com/crowrish/coupon-calculator.git
cd coupon-calculator

# 의존성 설치
npm install

# 개발 서버 실행
npm run dev

개발 서버가 실행되면 http://localhost:5173 에서 확인할 수 있습니다.

📦 빌드

# 프로덕션 빌드
npm run build

# 빌드 결과 미리보기
npm run preview

📄 라이선스

MIT License