[웹퍼즐] 프로젝트 소개

🐈 JAELEE 🐈·2021년 11월 23일

웹퍼즐 프로젝트

목록 보기

1/7

🧩 BMPuzzle 바로가기

🎈 프로젝트 소개

jigsawexplorer 는 퍼즐을 여러 명이서도 즐길 수 있고, 개인이 이미지를 올려 퍼즐을 직접 생성할 수도 있는 웹이다. 이 사이트에서 영감을 얻어 웹퍼즐 프로젝트를 시작했다.

🙌🏻 그라운드롤

Keywords: 건강 화목 재미 😍
역할과 책임
- 주차별 서기지정
  - 그 주의 wiki 취합
  - project board 업데이트
  - issue 점검
- 팀리더는 멘토와 연락한다.
브랜치 전략: github flow
커밋 메시지 양식: 참고: [Git] 좋은 커밋 메세지 작성하기 위한 규칙들

헤더: <type>: <subject>
본문: <BLANK LINE><body><BLANK LINE>

- feat : 새로운 기능에 대한 커밋
- fix : 버그 수정에 대한 커밋
- build : 빌드 관련 파일 수정에 대한 커밋
- chore : 그 외 자잘한 수정에 대한 커밋
- ci : CI관련 설정 수정에 대한 커밋
- docs : 문서 수정에 대한 커밋
- style : 코드 스타일 혹은 포맷 등에 관한 커밋
- refactor :  코드 리팩토링에 대한 커밋
- test : 테스트 코드 수정에 대한 커밋

🎨 디자인

figma로 프로토타입을 제작했다.
시작페이지: 로그인을 해야 서비스를 이용할 수 있다
메인페이지: 전체 public 퍼즐을 조회하고 플레이 페이지에 들어갈 수 있다. 검색을 통해 원하는 퍼즐을 조회하고 플레이 페이지로 입장할 수 있다.
퍼즐플레이 페이지: 메인페이지의 퍼즐 목록이나 마이페이지의 퍼즐 저장소에서 들어올 수 있다. /:puzzleID/:roomID의 경로로 들어올 수 있으면 각 roomID는 고유하다. 동일한 puzzleID와 roomID의 플레이 페이지에서 사용자들은 멀티플레이와 채팅이 가능하다.
퍼즐등록 페이지: 메인페이지의 우측의 + 버튼을 통해 입장할 수 있다. 제목, 이미지 파일, 난이도를 설정 후 등록을 하면 private한 퍼즐을 만들 수 있다. 생성한 퍼즐은 마이페이지-퍼즐저장소에서 확인가능하다.
-※ private 퍼즐 고정인 이유: 저작권 문제나 혐오감을 줄 수 있는 이미지를 필터링하기 위해
마이페이지: 명예의 전당 탭과 퍼즐 저장소 탭이 있다. 명예의 전당에선 완성했던 퍼즐 사진과 기록(시간)을 확인할 수 있다. 퍼즐 저장소에선 퍼즐등록 페이지에서 만든 퍼즐 목록을 조회하고 플레이 페이지로 입장할 수 있다.