Skip to content

AnSuebin/birthday_rollingpaper

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


🚢 향해 99 사전 프로젝트 - 🎂 birthday_rollingpaper '얘듀라 고마어어어'

생일 축하 롤링페이퍼를 만들어 공유해보아요!

얘두라 고마어어어 바로가기
얘두라 고마어어어 참여 회고록 바로가기


1. 프로젝트 소개

내 트리를 꾸며줘에서 영감을 받아 일상에서 좀 더 활용할 수 있는 '생일 축하 롤링페이퍼'를 만들어 보자! 에서 시작하였습니다. 생일의 주인공이 될 수도 있고, 누군가의 생일을 축하해 주고 싶은 이들이 롤링페이퍼 페이지를 생성하여 그에 알맞는 링크를 공유해, 사람들로 하여금 축하를 받는 웹 사이트 입니다.

  • 기획 기간: 2022.10.13 ~ 2022.10.15
  • 개발 기간: 2022.10.17 ~ 2022.10.31 (약 2주)

2. 기술스택

  • HTML, CSS, JS, Python, Mongodb , AWS

3. DB 구조



4. API 설계

  • jwt를 통한 로그인 유지
  • CRUD


5. 페이지 소개

1) 회원가입 및 로그인 페이지

아이디 중복 확인, 비밀번호 6자리 이상 확인, jwt 발급

회원가입 페이지 로그인 페이지
스크린샷 2022-10-31 오후 7 43 30 스크린샷 2022-10-31 오후 7 39 48

2) 메인 페이지

롤링페이퍼를 만든 로그인한 유저와 로그인 하지 않은 사람들이 메시지를 남길 수 있도록 메인 페이지를 2개로 나누어 구현.

2-1) 메인 페이지 - (유저.ver)

공유하기 버튼을 통해 게스트 접근 메인 페이지 링크 복사, 마음에 안드는 메시지 삭제 기능

메인 페이지 화면 메시지 보기 창 메뉴바 창

2-2) 메인 페이지 - (게스트. ver)

축하하기를 통해 메시지 작성 페이지로 이동, 나도 만들기를 통해 회원가입 페이지로 이동, 비회원이 자기가 쓴 메시지를 수정&삭제 가능하도록 구현

메인 페이지 화면 메시지 보기 창 메시지 수정 및 삭제시 비밀번호 확인 창
메시지 수정 창 메시지 삭제 창

3) 마이 페이지 및 롤링페이퍼 생성(케이크 선택) 페이지

마이 페이지 롤링페이퍼 생성(케이크 선택) 페이지
스크린샷 2022-10-31 오후 8 25 55

4) 메시지 작성 페이지

슬라이드 이동 구현, 비회원이 수정 및 삭제를 할 수 있도록 메시지별 비밀번호 입력 구현

캔들 고르기 메시지 작성


🎉 기획 및 개발

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 78.6%
  • Python 13.5%
  • CSS 7.9%