Skip to content

bummy-suri/2023_BummySuri_FrontEnd

Repository files navigation

2023 고려대-연세대 정기전 NFT 민팅 서비스 버미와수리

image

2023 고려대-연세대 정기전에서 NFT를 민팅할 수 있는 웹서비스입니다.

배포 주소

https://www.bummysuri.com/

(현재는 운영 중단)

기술 스택

React, JavaScript, HTML5, CSS3, Docker

기능

1. Klip 로그인

  • Klip api로 카카오톡의 Klip 지갑을 연동하여 사용자를 인증하고, NFT 민팅을 간편하게 할 수 있도록 개발하였습니다.
  • 사용자 정보는 사이드바에서 Klip 지갑주소와 함께 확인할 수 있도록 구현되었습니다.
    • 로그인 화면

    • Klip 인증

    • 사용자 정보

2. NFT 민팅

  • 고려대와 연세대 버튼을 클릭하여 간편하게 NFT를 민팅받을 수 있으며, 민팅된 NFT는 사이드바에서 확인이 가능합니다.
  • 실시간으로 각 대학의 NFT 민팅 현황을 그래프로 보여줄 수 있도록 구현되었습니다.
  • 민팅된 NFT는 클립 앱에서도 확인이 가능합니다.
    • NFT 민팅

    • 민팅 현황 그래프

    • Klip 앱에서 확인할 수 있는 버미수리 NFT

3. 정기전 경기 예측 및 배팅

  • 사용자가 정기전 경기의 승패와 점수차이를 예측하고 포인트를 배팅할 수 있도록 하여 웹사이트 이용을 더욱 활성화시켰습니다.
  • 경기 예측에 성공하면 배팅한 포인트의 3배를 얻을 수 있도록 구현하였습니다.
    • 정기전 예측 화면

    • 정기전 종료 시

4. 미니게임

  • '넌센스 그림퀴즈'와 '가위바위보' 게임을 통해 사용자들의 참여와 재미를 유도했습니다.
  • 넌센스 그림퀴즈는 10개의 그림 중 하나를 랜덤으로 보여주며 하루에 한번 참여가 가능하도록 구현했습니다.
  • 가위바위보 게임은 하루에 횟수 제한이 3번이며 비기는 경우 횟수가 차감되지 않도록 구현하였습니다.
    • 넌센스 그림 퀴즈

    • 가위바위보

5. 사용자 랭킹 정보

  • 배팅과 미니게임을 통해서 얻은 포인트는 랭킹 페이지에서 확인할 수 있도록 구현하였습니다.
  • 포인트를 가장 많이 모은 10명에게는 추후 경품을 지급하였습니다.
    • 랭킹 화면

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages