jhyooooon / match

🃏 카드 매칭 게임

MATCH!

🎲 프로젝트 설명

 MATCH!는 카드 짝맞추기 게임입니다.
 제 기억력을 위해 컴퓨터 할 때 짬짬히 하려고 만들어서 width 500px에 최적화 되어 있습니다.
 React로 개발했고, localStorage에 기록을 저장해 랭크시스템 구축했습니다.

 < 참고 프로젝트(안드로이드 앱) >
👉 Eunjee Shin - MatchingCardGame

🎲 기능 및 페이지

• 기능
   - 레벨 5까지 구현, 1레벨당 카드 4개씩 증가
   - 게임 시작부터 끝까지 걸린 시간 기록
   - 결과페이지에서 이름 제출 시 localStorage에 저장
   - Rank페이지에서 순위 확인 가능
   - 기록이 짧을수록, 게임 일자가 늦을수록 높은 순위에 랭크
   - 랭크페이지에서 새로고침 버튼 클릭시 랭크 초기화

• 페이지
   - 메인페이지
   - 랭킹페이지
   - 게임페이지
   - 결과페이지
  
  

🎲 스크린샷

• 메인페이지
  

• 랭킹페이지
  

• 게임페이지
  

• 결과페이지
  
  
  

🎲 투두리스트 & 버그

• 레벨 처음 시작 때 카드 보여주고 시작하기
• 게임 도중 새로고침 시 오류 → 메인페이지로 redirect하도록 하기