최근 Instagram에서 서로 편지를 주고 받는 서비스가 굉장히 유행했다. 이러한 유행의 흐름을 타서 LetterBox를 기획하게 된다. 보편적인 서비스와 차별점을 두기 위해 편지를 익명으로 보내 상대가 준 힌트로 상대가 누군지 유추하여 맞히기 기능을 넣음으로써 재미를 더 추구했다.
크리스마스의 어드벤트 캘린더 아이디어를 차용하여 개강일인 3/2일을 기다리며 편지를 뜯어볼 수 있도록 구성하였다 개강 컨셉에 맞게 편지함은 시간표로, 편지는 강의라는 이름을 붙였다
로고는 편지서비스를 나타낼 수 있도록 편지봉투에 LETTER BOX의 L과 B를 함축하여 만들었다
- 로그인(회원가입)
카카오와 네이버로 간편 회원가입, 로그인이 가능하며 로그인을 해야만 시간표를 만들 수 있고 강의를 선물 가능한다 - 시간표 만들기
강의를 선물 받기 위한 시간표를 만드는 기능으로 로그인을 해야만 만들 수 있다 - 내 시간표 확인하기
강의를 어느 시간에 선물 받았는지 확인할 수 있으며 몇개를 받았는지 볼 수 있다 - 다른 사람 시간표 확인하기
- 강의 보내기
보내는 사람의 이름, 보낼 닉네임, 배경 색, 자신을 나타내는 힌트 3가지와 함께 편지를 담아 보내고 싶은 사람에게 강의를 보낼 수 있음. 강의는 23일 00시까지 보낼 수 있음. 그 이후에는 마지막 사진과 같이 나온다. - 선물받은 강의 확인하기
내 시간표에서 보고싶은 강의를 클릭하여 상대가 써준 편지를 확인할 수 있다 선물받은 강의를 7일에 걸쳐서 하루에 n/7개씩 확인이 가능한다 - 정답 맞추기
선물받은 강의를 누가 보냈는지 정답 맞히기 기능을 통해 3가지 힌트로 유추하여 상대가 누군지 맞히기 가능하다 정답을 맞히면 그 상대에게 맞혔다고 메일이 간다 - 공유하기
카카오톡, 페이스북, 트위터를 통해 sns에 공유할 수도 있다. 인스타나 블로그 등에 공유하고 싶을 경우를 위해 클립보드에 url 복사하는 기능을 넣었다. (클립보드 복사는 https 환경에서만 작동 가능하며 일부 모바일 웹에서는 작동이 잘 안 될 수 도 있다)
- letterbox code가 담긴 압축파일을 다운 받는다
./gradlew.bat build: 프로젝트를 빌드한다 (application.properties가 없기 때문에 빌드에 실패, 궁금하다면 issue로 남겨주세요)cd .\build\libs\: 서버 파일로 이동한다java -jar .\LetterBox-0.0.1-SNAPSHOT.jar: 서버를 킨다(백을 키는 과정)cd .\src\main\frontend\: 프론트 파일로 이동한다npm start: 리액트 서버를 킨다 (프론트를 키는 과정)- 프로젝트 즐기기
- 디자인: khskys0805
- 프론트: gnfnfnr
- 백엔드: hyeonahhh