토이프로젝트 - 생일 축하 웹사이트

여자친구의 생일을 기념하여 웹 사이트로 마음을 전합니다.

구현 내용

• MongoDB와 Next.js api route를 활용해 백엔드를 구현했습니다.
• 주변 사람들로부터 따뜻한 축하 메시지를 전달받아 DB에 저장했습니다.

• 같이 생일 카운트를 세며 기다리는 시간도 즐겁게 했습니다.
• Day.js 라이브러리를 활용했습니다.
  

• 카운트 다운이 끝나면 펑! 터지는 애니메이션으로 놀래켜 주었고 숨어있던 선물상자가 위로 등장합니다.

• 선물 상자를 클릭해서 생일 카드가 있는 /gift 라우트로 이동하게 됩니다.
• 페이지 이동과 동시에 유튜브 플레이어에서 생일 축하 음악이 자동 재생됩니다.

• 생일 편지를 작성하고 편지 아이콘을 클릭해서 볼 수 있습니다.
• 인터렉티브한 효과를 넣어 클릭해서 볼 수 있다는 것을 강조했습니다.

• 미리 DB에 저장해놓았던 친구들의 편지를 볼 수 있습니다.
  
  
  

개발 환경

• Next.js
• TailwindCSS
• MongoDB