심심할 때, 짧은 시간 동안 재미있게 두뇌를 자극할 수 있는 퀴즈 게임입니다. 🐠
단어를 맞추는 간단한 퀴즈로 여가 시간을 즐겁게 보내세요 :)

• 회원, 비회원 모두 퀴즈 풀기 기능을 이용할 수 있어요! 😎
• 짧은 시간에 많은 단어를 살펴볼 수 있어요! 🙉
• 해결한 퀴즈의 총 점수를 누적시켜 랭킹 순위권에 도전해보세요! 🥇
• 나의 랭킹 및 1~3등, 나와 근접한 랭킹의 사용자를 확인할 수 있습니다. 🍀

• 로그인 여부에 따라 헤더가 달라집니다.
• 퀴즈 풀기 페이지로 넘어가는 버튼이 있습니다.
• 랭킹 확인 페이지로 넘어가는 버튼이 있습니다.
• 자동으로 넘어가는 배너가 존재합니다.
• 홈은 공통적으로 리다이렉션 되는 페이지 역할을 합니다.

로그인 되어있는 경우
로그인 안되어있는 경우

• 아이디, 비밀번호, 비밀번호 확인 입력값을 받습니다.
• 아이디 중복확인을 해야만 회원가입이 가능합니다.
• 회원가입 조건
  • 아이디 : 5~20자 영문 소문자, 숫자
  • 비밀번호 : 8~20자 영문 대/소문자, 숫자, 특수문자(?!@#$%)
  • 비밀번호 확인 : 위에서 입력한 비밀번호와 같아야 합니다.
• 회원가입 조건에 맞지 않는 경우, 에러 메세지의 색상이 빨간색으로 바뀌게 됩니다.
• 회원가입 조건에 맞게 입력해도 아이디 중복확인을 하지 않은 경우, 아이디 중복 확인을 한 후에 다시 회원가입 버튼을 눌러야 합니다.

아이디 중복 확인 했을 경우
아이디 중복 확인 안했을 경우
회원가입 조건에 충족하지 않았을 경우

• 아이디, 비밀번호 입력값을 받습니다.
• 회원가입 때 입력한 아이디와 비밀번호로 로그인 가능합니다.
• 아이디 또는 비밀번호가 일치하지 않거나 정보가 없을 경우, 아이디 또는 비밀번호가 맞지 않습니다. 라는 알림창이 뜹니다.
• 아이디와 비밀번호 조건에 맞지 않게 입력했거나, 아무것도 입력하지 않고 로그인 버튼을 누르는 경우 각 입력란 아래에 에러문이 뜹니다.
  • 아이디를 입력해주세요. (5~20자의 영문 소문자, 숫자)
  • 비밀번호를 입력해주세요. (8~20자의 영문 대/소문자, 숫자, 특수문자)
• 로그인을 완료했을 시 홈페이지로 넘어갑니다.

올바른 정보를 입력했을 경우
틀리거나 없는 정보를 입력했을 경우

• 1세트 당 10문제이며, 1문제 당 10점입니다.
• 진행도를 알려주는 프로그래스 바를 실시간으로 렌더링합니다.
• 각 문제 당 초성 힌트가 제공됩니다.
• input 란에 값을 입력하고 엔터를 누르면 답이 제출되면서 정답/오답 여부를 알려줍니다.
• 오답일 경우 정답이 무엇인지 알려줍니다.
• 마지막 문제를 풀고 다음으로 넘어가면 결과 페이지로 이동합니다.

초성 힌트 제공
오답인 경우, 정답 제공

• 점수 및 문제 정보 표시 : 사용자가 푼 문제의 총 점수와 총 문제 수를 보여줍니다.
  • 총 점수가 나의 랭킹을 산정하는 점수에 영향을 줍니다. (계속 누적됨)
• 다시하기 버튼을 통해 사용자가 퀴즈를 다시 시작할 수 있도록 합니다.
• 홈으로 이동 버튼을 통해 사용자가 홈 화면으로 돌아갈 수 있도록 합니다.
• 랭킹 확인 버튼을 통해 로그인 상태에 따라 랭킹 페이지로 이동하거나, 로그인 페이지로 이동합니다.

퀴즈 제출 후 결과 확인

• 비밀번호 재설정을 할 수 있는 링크를 제공합니다.
• 로그인 상태를 확인하여 로그인하지 않은 사용자는 로그인 페이지로 리다이렉트됩니다.
• 사용자 아이디, 랭킹, 푼 문제 수 등을 렌더링합니다.

마이페이지 (로그인 필수)

• 마이페이지에서만 이용할 수 있습니다.
• 즉, 로그인 상태에서만 들어갈 수 있습니다.
• 현재 비밀번호, 새 비밀번호, 새 비밀번호 확인 입력값을 받습니다.
• 현재 비밀번호와 새 비밀번호가 같을 경우 "현재 비밀번호와 같은 비밀번호는 사용할 수 없습니다." 와 같은 에러문을 띄웁니다.
• 설정하려는 새 비밀번호와 새 비밀번호 확인이 같아야 합니다.
• 모든 입력란이 입력되기 전까지 [비밀번호 재설정] 버튼이 활성화되지 않습니다.
• 비밀번호 재설정 완료 시 로그인 화면으로 넘어갑니다.

비밀번호 재설정 후 새 비밀번호로 로그인

2024.06.24 - 2024.07.16

풀스택 데브코스 2기 team1

김가현 (FE)	안예린 (FE)	이다미 (FE)	임진호 (BE)
@gahyeon11	@yeah1832	@Dami-LEE00	@Jake1152