[Kotlin Project] 초성마켓 - 디자인 탐색

블로그는 비영리로 운영되고 있습니다.

차후 저작권 문제가 발생할 시, 해당 글은 삭제하도록 하겠습니다.

---

 

https://github.com/KwonGeneral/chosungmarket.git

 

안녕하세요!

초성마켓도 어느정도 기능이 완성이 되었는데요~!

이제는 디자인에 신경쓸 때가 왔습니다!

그래서 오늘은 참고할만한 디자인을 알아보려고하는데요.

핀터레스트를 통해서 찾아보도록 하겠습니다!

저작권 문제가 있을수도 있으니, 사진은 일부분만 올리겠습니다.

 

 

초성퀴즈를 풀 때는 위 처럼 단순하게 가는게 좋아 보이네요.

중앙에 초성을 표시하고, 아래에 힌트를 표시.

최하단에 정답 입력창을 만들도록 하겠습니다.

 

 

개인별로 포인트 랭킹도 만들면 좋겠네요.

참고하도록 하겠습니다.

명예의 전당도 위 처럼 만들면 깔끔할 것 같네요.

 

 

홈 페이지는 위 처럼 해보려고 합니다.

추가작업이 필요하겠네요.

태그작업과 대표이미지도 만들어야겠습니다.

대표이미지는 고민이네요.. 프로젝트에 최대한 돈이 안들었으면 좋겠어서..

AI 이미지 제네레이션을 활용해서 몇 개 이미지를 뽑아서 설정하도록 해야겠습니다.

 

프로필 이미지는 이런 방식으로 선택하면 좋아 보이네요. 카메라와 갤러리 버튼만 제거하도록 하겠습니다.

 

 

퀴즈 생성에 대한 참고 자료를 찾기가 힘드네요.

대충 위에 방식처럼 깔끔하게 하도록 해야겠습니다.

- 제목

- 내용

- 태그

- 대표이미지

- 퀴즈목록

 

 

* 퀴즈 상세 페이지를 삭제하고, 퀴즈를 클릭하면 제목&내용을 보여주고 바로 풀 수 있는 다이얼로그 방식으로 가려고합니다.

 

 

이미지 관련해서 Firebase의 Storage를 사용하려고 했는데, 역시 유료네요~!

프로젝트 업그레이드를 한다고해서 돈이 무조건 빠져나가는건 아니지만, 그래도 패스하겠습니다.

이미지는 미리 빌드해서 나가는걸로 하겠습니다.

 

 

---

DB 관려해서도 수정 사항이 생겼네요.

전제조건으로 퀴즈의 수정이 불가능하도록 설정하려고합니다.

태그는 1개만 가능하도록 하겠습니다.

 

user에 물려있던 quizGroupList를 빼서 컬렉션으로 만들고, user가 가진건 quizGroupList의 Ids로 하겠습니다.

quizGroupList에도 tags를 만들어서, 대표 tags로 설정하고, quizList가 가진 tags는 서브 tags로 설정해서 우선은 대표 tags를 따라가도록 만들어야겠습니다.

 

quizGroupResults도 현재는 userList>{userId}>quizGroupResults로 구성했는데, 이 또한 밖으로 빼내서, 컬렉션으로 만들고, 유저는 Ids만 갖도록 설정하겠습니다.