Skip to content
/ hodu Public

고양이 '호두'를 소개하는 반응형 랜딩 페이지입니다.

Notifications You must be signed in to change notification settings

hyezuu/hodu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🐱 호두(HODU) 랜딩 페이지

귀여운 고양이 '호두'를 소개하는 반응형 랜딩 페이지입니다. HTML, CSS, JavaScript를 활용하여 동적이고 인터랙티브한 사용자 경험을 제공합니다.

🚀 프로젝트 기간: 2024.05.17 ~ 2024.05.26 (약 1주일)

🔗 호두 랜딩 페이지 바로가기

🛠 기술 스택

HTML5 CSS3 JavaScript

🌟 주요 기능

1. 📱 반응형 웹 디자인

다양한 디바이스에서 최적화된 사용자 경험을 제공합니다.

호두 랜딩 페이지 반응형 디자인

2. 🖼 동적 이미지 갤러리

고양이 이미지 로딩
  • RESTful API (CATAAS)를 활용한 동적 고양이 이미지 갤러리 구현
  • 로딩 중 귀여운 고양이 이미지로 사용자 경험 개선

3. 💖 인터랙티브 요소

하트 떨어지는 효과

버튼 클릭 시 하트가 떨어지는 애니메이션 효과로 페이지에 생동감을 더했습니다.

4. 🚧 서비스 준비중 페이지

데스크톱 모바일
서비스 준비중 페이지 서비스 준비중 페이지 모바일

💡 프로젝트 의의

  • 프론트엔드 기술의 실전 적용 능력 향상
  • 반응형 웹 디자인 및 사용자 경험 최적화 학습
  • 외부 API 연동 및 비동기 프로그래밍 실습
  • 짧은 기간 내 프로젝트 기획부터 배포까지 전 과정 경험

© 2024 강혜주. All Rights Reserved.

About

고양이 '호두'를 소개하는 반응형 랜딩 페이지입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published