Skip to content

프론트 개발자의 초간단 생일 축하 이벤트 웹사이트😼🎉 [Velog 2023 8월 2주차 TOP5] "개발자 여친의 생일 이벤트 폼 미쳤댜,,😎"

License

Notifications You must be signed in to change notification settings

osohyun0224/HBD-Deuni-for-Deploy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

😼 Happy Birthday Deuni !

프론트 개발자의 특별한 생일 이벤트 프로젝트 🎉 (배포용)

[개발자의 말]

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

📌 배포용 확인하기

바로 확인하기 😼

📚 Tech Stack

💻 Development

⌛ Developed Period

2023.08.06 AM 12:00 - 5:00 ( 급하게 만들어서 허접함 주의 🚨)

💡 웹사이트 기능 소개

메인 홈 화면

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

메인 - Clipchamp로 제작

To Deuni 화면

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

투드니 - Clipchamp로 제작

Photo 화면

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

사진 - Clipchamp로 제작

Present 화면

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

선물 - Clipchamp로 제작 (1)

Letter for Deuni 화면

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

편지 - Clipchamp로 제작

✒️ 개발 후기

개발후기 벨로그 확인하기

📌 2023 8월 2주차 Velog Top 5 🏆

About

프론트 개발자의 초간단 생일 축하 이벤트 웹사이트😼🎉 [Velog 2023 8월 2주차 TOP5] "개발자 여친의 생일 이벤트 폼 미쳤댜,,😎"

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published