Lucky Number Draw System

A modern web-based lucky draw system for prize distribution events. This system provides an interactive and engaging way to randomly select winners for different prizes.

English Version 🇺🇸

📌 Live Demo — Try the Lucky Number Draw system right in your browser!

Features

• Interactive Card Drawing: Animated card flipping interface for an engaging draw experience
• Customizable Settings:
  • Custom event title
  • Adjustable draw range (up to 1000)
  • Configurable prize list with draw counts
• Round Management:
  • Supports multiple rounds
  • Adjustable number of cards per round
  • Automatic tracking of used numbers
• Results Management:
  • Sorted delivery list by number
  • Easy-to-read format for prize distribution
  • Copy results functionality

Technical Details

• Built with vanilla JavaScript
• Uses Anime.js for smooth animations
• Responsive design for both desktop and mobile devices
• No external dependencies required

Setup

1. Clone the repository
2. Open index.html in a modern web browser
3. No build process or server required

Usage

1. Initial Setup:
   • Click the settings (⚙️) button to configure:
     • Event title
     • Maximum draw range
     • Prize list and draw counts
2. Starting the Draw:
   • Click "Start Game" to begin
   • Click on cards to reveal numbers
   • Use "Next Round" to proceed to the next prize
3. Adjusting Cards:
   • Each round allows adjustment of the number of cards
   • Confirm or cancel the adjustment as needed
4. Viewing Results:
   • Results are displayed in two formats:
     • Round-by-round summary
     • Sorted delivery list for easy prize distribution

---

한국어 버전 🇰🇷

📌 라이브 데모 바로가기 — 브라우저에서 바로 행운 번호 추첨 시스템을 체험해보세요!

행운 번호 추첨 시스템

상품 배포 이벤트를 위한 현대적인 웹 기반 추첨 시스템입니다. 이 시스템은 다양한 상품의 당첨자를 무작위로 선택하는 인터랙티브하고 재미있는 방식을 제공합니다.

주요 기능

• 인터랙티브 카드 추첨: 애니메이션 카드 뒤집기 인터페이스를 통해 몰입감 있는 추첨 경험 제공
• 맞춤형 설정:
  • 이벤트 제목 사용자 지정 가능
  • 최대 1000까지 추첨 범위 조정 가능
  • 상품 목록 및 추첨 개수 설정 가능
• 라운드 관리:
  • 다중 라운드 지원
  • 라운드당 카드 수 조정 가능
  • 사용된 번호 자동 추적
• 결과 관리:
  • 번호별 정렬된 배송 목록 제공
  • 경품 배포를 위한 가독성 높은 형식
  • 결과 복사 기능

기술적 세부사항

• 순수 JavaScript로 제작
• 부드러운 애니메이션을 위해 Anime.js 사용
• 데스크톱 및 모바일에 최적화된 반응형 디자인
• 별도의 외부 라이브러리 필요 없음

설정 방법

1. 저장소를 클론합니다.
2. 최신 웹 브라우저에서 index.html을 엽니다.
3. 별도의 빌드 과정이나 서버 없이 바로 실행 가능

사용 방법

1. 초기 설정:
   • 설정(⚙️) 버튼을 클릭하여 다음을 조정:
     • 이벤트 제목
     • 최대 추첨 범위
     • 상품 목록 및 추첨 개수
2. 추첨 시작:
   • "게임 시작"을 클릭하여 시작
   • 카드를 클릭하여 번호 확인
   • "다음 라운드" 버튼을 눌러 다음 상품 추첨 진행
3. 카드 조정:
   • 각 라운드에서 카드 개수를 조정 가능
   • 조정 사항을 확인 또는 취소 가능
4. 결과 확인:
   • 결과는 두 가지 형식으로 표시:
     • 라운드별 요약
     • 경품 배포가 쉬운 정렬된 배송 목록

---

License

This project is licensed under the MIT License – feel free to use, modify, distribute, and even commercialize it without restrictions. See the LICENSE file for details.

This project is licensed under the MIT License – feel free to use, modify, distribute, and even commercialize it without restrictions. See the LICENSE file for details.