Requirements

🚀 프로젝트 요구사항

Bare Minimum Req

• Nav

  1. Quiz 모달
     • 우리 서비스에 대한 재미를 증폭시키는 기능
     • 매일 2문제씩 줄임말 퀴즈를 풀 수 있으며, 맞춘 개수에 따라 경험치 달리 획득
       • 0개 - 0 exp / 1개 - 5 exp / 2개 - 10 exp

• 랜딩 페이지

  1. 우리 서비스가 어떤 서비스인지 소개하는 페이지
     • 핵심 기능 소개 (검색 기능 및 더보기 기능)
     • 유저 레벨링 시스템 소개 (유저 레벨에 따라 UI 달리 적용)
     • 오늘의 퀴즈(매일 달라지는 퀴즈) 소개
     • 디바이스의 크기 따라 반응하는 반응형 디자인 소개
  2. 웰컴 퀴즈를 통해 우리 서비스에 대한 관심을 야기시키는 페이지
     • 메인 페이지로 자연스럽게 유도
     • 우리 서비스의 회원가입을 유도

• 메인 페이지

  1. 우리 서비스의 주요 기능인 줄임말 검색 기능이 구현된 페이지
     • 앱을 사용하는 사람이 줄임말이 궁금할 때 사용하는 기능 (비로그인 유저도 사용 가능)
  2. 실시간 검색어 차트 기능 (60초마다 갱신)
     • 요새 가장 핫한 줄임말이 무엇인지 궁금할 때 사용하는 기능 (비로그인 유저도 사용 가능)
  3. 더보기(해당 줄임말에 대해 더 다양한 의미를 볼 수 있는) 기능
     • 로그인 상태일 때만 가능
     • 다른 사람들은 해당 줄임말을 어떻게 정의하고 있는지 궁금할 때 사용하는 기능
  4. 새로 만들기 기능
     • 로그인 상태일 때만 가능
     • 유저가 원하는 의미를 가진 줄임말을 작성할 수 있는 기능
     • 새로운 줄임말을 하나 작성할 때마다 경험치 5 exp 획득
  5. 검색 기록 확인 기능
     • 사용자가 이전에 어떤 줄임말을 검색했는지 확인할 수 있는 기능 (비로그인 유저도 사용 가능)

• 더보기 페이지

  1. 검색한 단어와 일치하는 모든 줄임말 콘텐츠(Word Box)를 보여주는 페이지
     • Word Box 구성 : 작성자 / 프로필 이미지 / 단어 이름 / 단어 의미 / 좋아요
  2. 다른 줄임말 단어 검색 기능
     • 더보기 페이지를 유지하면서 다른 줄임말 콘텐츠(Word Box)를 볼 수 있는 기능
  3. 새로운 줄임말 작성하기 기능
     • 유저가 해당 줄임말에 대한 새로운 줄임말 콘텐츠(Word Box)를 만들 때 사용하는 기능
     • 새로운 줄임말을 하나 작성할 때마다 경험치 5 exp 획득

• 마이 페이지

  1. 유저 정보 및 경험치(및 레벨)를 확인할 수 있는 페이지
     • 유저의 레벨(실버/골드/다이아)에 따라 다른 프로필 UI와 검색 창(메인 페이지) UI가 달리 적용됨
  2. 마이 정보 수정 페이지로 이동 가능
     • 유저 정보 수정이 가능한 페이지 (소셜 로그인 유저는 프로필 이미지만 수정 가능)
     • 유저 이름, 비밀 번호, 유저 프로필 이미지를 수정할 때 사용하는 페이지
  3. 내가 작성한 줄임말 콘텐츠(Word Box)들을 확인할 수 있는 페이지
     • Word Box 삭제 및 수정할 때 사용하는 기능

Advanced Req

• (회원가입 기능) 이메일 인증 기능
• (메인 페이지) Chart.js로 그래프 기능 구현
  • 검색량이 많은 줄임말
• (메인 페이지) 검색 자동 완성 기능 구현
• (랜딩 페이지 / 더보기 페이지) 지정 스크롤에 도달했을 시, 맨 위로 올라가는 버튼 구현
• (더보기 페이지 / 마이 페이지) 무한 스크롤 구현
• (마이 페이지) 유저 프로필 이미지 변경 기능 구현

Nightmare Req

• (메인 페이지) 음성 인식 검색 기능 구현
• (메인 페이지) 유저 등급에 따른 검색 창 테두리 애니메이션 구현
• (마이 페이지) 유저 프사 테두리 색상 유저 레벨에 따라 다른 UI 적용
• (더보기 페이지) 좋아요에 호버하면 " OOO님 외 00명이 좋아합니다. " 띄우기