Code Monkey home page Code Monkey logo

pokegotchiweb's Introduction

🐾 pokeGotchi - 포켓몬 다마고치

image

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


🛠️ 기술 스택

React Next.js TypeScript Tailwind CSS Supabase


🌟 소개

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

📜 페이지 구성

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

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

🏠 메인 페이지

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

🛒 상점 페이지

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

📸 SNS(게임 자랑) 페이지

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

🎮 게임 페이지

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

🏠 마이 페이지

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

🎥 실행 화면

screenshot1 screenshot2 screenshot3
screenshot4 screenshot5 screenshot6

💙 팀원 소개

image

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

pokegotchiweb's People

Contributors

sangjun231 avatar hayanlee avatar hwangshyun avatar fesunmin avatar hyorimhan avatar hwijinkim22 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.