내 트리를 꾸며줘에서 영감을 받아 일상에서 좀 더 활용할 수 있는 '생일 축하 롤링페이퍼'를 만들어 보자! 에서 시작하였습니다. 생일의 주인공이 될 수도 있고, 누군가의 생일을 축하해 주고 싶은 이들이 롤링페이퍼 페이지를 생성하여 그에 알맞는 링크를 공유해, 사람들로 하여금 축하를 받는 웹 사이트 입니다.
- 기획 기간: 2022.10.13 ~ 2022.10.15
- 개발 기간: 2022.10.17 ~ 2022.10.31 (약 2주)
- HTML, CSS, JS, Python, Mongodb , AWS
- jwt를 통한 로그인 유지
- CRUD
- 회원가입 및 로그인
default.mp4
- 마이페이지
default.mp4
- 롤링페이퍼 생성(케이크 선택) 페이지
default.mp4
- 메인 페이지 및 메시지 작성 페이지
default.mp4
- 실제 공유 사례
og.mp4
아이디 중복 확인, 비밀번호 6자리 이상 확인, jwt 발급
회원가입 페이지 | 로그인 페이지 |
---|---|
롤링페이퍼를 만든 로그인한 유저와 로그인 하지 않은 사람들이 메시지를 남길 수 있도록 메인 페이지를 2개로 나누어 구현.
공유하기 버튼을 통해 게스트 접근 메인 페이지 링크 복사, 마음에 안드는 메시지 삭제 기능
메인 페이지 화면 | 메시지 보기 창 | 메뉴바 창 |
---|---|---|
축하하기를 통해 메시지 작성 페이지로 이동, 나도 만들기를 통해 회원가입 페이지로 이동, 비회원이 자기가 쓴 메시지를 수정&삭제 가능하도록 구현
메인 페이지 화면 | 메시지 보기 창 | 메시지 수정 및 삭제시 비밀번호 확인 창 |
---|---|---|
메시지 수정 창 | 메시지 삭제 창 |
---|---|
마이 페이지 | 롤링페이퍼 생성(케이크 선택) 페이지 |
---|---|
슬라이드 이동 구현, 비회원이 수정 및 삭제를 할 수 있도록 메시지별 비밀번호 입력 구현
캔들 고르기 | 메시지 작성 |
---|---|