Skip to content

sangjun231/pokeGotchi

 
 

Repository files navigation

🐾 pokeGotchi - 포켓몬 다마고치

image

pokeGotchi는 다양한 미니게임을 통해 코인을 모으고 포켓몬을 구입해 수집할 수 있는 사이트입니다.


🛠️ 기술 스택

React Next.js TypeScript Tailwind CSS Supabase


🌟 소개

  • 한 줄 정리: 미니게임으로 포켓몬을 모으고, 키우는 포켓몬 다마고치
  • 내용:
    • 포켓몬을 다마고치처럼 키우는 게임
    • 미니게임으로 포켓몬을 키울 수 있는 코인을 얻습니다

📜 페이지 구성

🔐 로그인/회원가입 페이지

사용자는 로그인하거나 새로운 계정을 생성할 수 있습니다.

🏠 메인 페이지

  • 포켓몬이 화면에 떠다니는 모습을 볼 수 있습니다.
  • 구매한 포켓몬 중 자신이 원하는 포켓몬을 골라 좌우로 이동하고 점프할 수 있습니다.

🛒 상점 페이지

  • 게임에서 모은 코인으로 포켓몬을 구매할 수 있습니다.

📸 SNS(게임 자랑) 페이지

  • 다른 사용자들과 포켓몬을 자랑하고 소통할 수 있습니다.

🎮 게임 페이지

  • 포켓볼 피하기 게임: 빠르게 움직이는 포켓볼을 피해 코인을 모으세요!
  • 퀴즈 게임: 포켓몬에 관한 퀴즈를 풀어보세요!
  • 수박 게임: 포켓몬과 함께 수박을 던져 맞추는 재미있는 게임.

🏠 마이 페이지

  • 포켓몬 정보 모달:
    • 포켓몬의 레벨업 스탯을 확인할 수 있는 progress bar
    • 진화 버튼을 통해 사용자가 직접 포켓몬을 진화시킬 수 있습니다.
  • 상태창: 현재 포켓몬의 상태를 보여줍니다.
  • 현재 코인: 사용자가 보유한 코인 수를 표시합니다.

🎥 실행 화면

screenshot1 screenshot2 screenshot3
screenshot4 screenshot5 screenshot6

💙 팀원 소개

image

| 김선민(팀장) | 신상준(팀원) | 김휘진(팀원) | 이하얀(팀원) | 한효림(팀원) | 황승현(팀원) |

About

pokeGotchi - 포켓몬 다마고치

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 99.5%
  • Other 0.5%