✍️ 추억의 롤링 페이퍼를 웹 상에서도 즐길 수 있는 플랫폼

코드잇 스프린트-프론트엔드 2기 PART2 - 5팀
개발기간: 2023. 12. 09 ~ 2023. 12. 22

• 배포 URL : https://momonga.netlify.app/
• 프로젝트 PPT : https://www.miricanvas.com/v/12qlt9x

💁🏻‍♀️💁🏻‍♂️ 프로젝트 소개

• Rolling은 누구나 쉽게 롤링 페이퍼를 만들고, 작성할 수 있는 웹 플랫폼입니다.
• [ 롤링 페이퍼 만들기 ] 버튼을 눌러 롤링 페이퍼를 직접 만들 수 있습니다.
• 롤링 페이퍼에 메세지를 직접 작성하거나 삭제할 수 있습니다.

👯Participants

이해빈	김재환	손오름	임주민
@lhv0829	@BBoBBoM	@mrhandsup	@imkrmin

🖥️ TECH STACK

Language

CSS

Framework

Collabaration tool

Version control

Build Tool

Deployment

📄페이지별 기능 소개

Landing Page

• 로고 클릭 시 Landing 페이지로 이동합니다.
• 롤링페이퍼 버튼 클릭 시 Post 페이지로 이동합니다.
• 구경해보기 버튼 클릭 시 List 페이지로 이동합니다.

Post Message Page

• From은 입력창에 발신자 이름을 적습니다. 미입력 시 값을 입력해주세요. 라는 에러메시지가 뜹니다.
• 프로필 이미지는 기본 이미지가 제공됩니다. + 버튼 클릭 시 원하는 프로필 이미지를 추가할 수 있도록 URL 모달창이 뜹니다. 유효하지 않는 URL이거나 미입력시 확인 버튼이 비활성화 됩니다.
• 상대방과의 관계는 미입력 시 지인으로 설정되어있고, 관계에 따라 친구, 동료, 가족으로 변경할 수 있습니다.
• 내용을 입력해주세요는 수신자에게 하고싶은 말을 적습니다.
• 폰트 설정은 Noto Sans가 기본으로 설정되어있고, 원하는 폰트를 변경할 수 있습니다.
• 내용을 입력하면 생성하기 버튼이 활성화 됩니다. 버튼을 누르면 롤링페이지가 생성됩니다.