osohyun0224 / hbd-deuni-for-deploy Goto Github PK

[개발자의 말]

프론트엔드 개발자의 초간단 생일 축하 이벤트를 위한 웹사이트 프로젝트입니다.
이 레포에는 개인정보 관련 내용 다 배포용으로 교체했습니다!
이 레포를 마음껏 클론하셔서 여러분만의 개성있는 웹사이트를 만들어주세요 ㅎㅎ

바로 확인하기 😼

메인 홈 화면

• Banner: 대상자의 소중한 추억이 담긴 사진을 넣어보세요!
• Why I loved you : 대상자의 장점을 대상자의 이미지와 함께 작성해보았습니다:)

To Deuni 화면

• 생일 대상자에게 생일 축하 인사를 남겨보세요!
  ( 배포용이라 서버 관련한 내용은 지워서 배포했고, 가져가셔서 쓰실 때는 개별적으로 서버 연결 하셔야합니다! )

Photo 화면

• React-Webcam 라이브러리를 활용해 개발했습니다.
• 생일 기념으로 사진을 남기고, 우클릭으로 저장할 수 있도록 만들었습니다.
• 사진을 찍으면 아래에 사진이 저장됩니다!

Present 화면

• CountDown 함수을 활용해 페이지 새로고침 후 5초가 지나면 이미지가 보여지도록 구현했습니다.
• 허접한 선물은 나야ㅋ 컨셉

Letter for Deuni 화면

• 편지지 형식으로 꾸미고, 편지지 위에 텍스트가 올려지도록 구현했습니다.
• React-Youtube 라이브러리를 사용해 유튜브 영상을 가져왔습니다. 음악을 삽입해보세요!

개발후기 벨로그 확인하기