ozdog-kindergarden's Introduction

오즈독 유치원 - 랜딩페이지

💫 프로젝트 요약

📆 기간

22년 12월 15일 ~ 22년 12월 19일

🔧 기술 스택

클라이언트 : git pages
서버 : Firebase(firestore)

⚙️ 협업방식

피그마
Git
디스코드

⚙️ 기획안

와이어프레임
디자인
디자인 시스템

🍎 팀원 소개


🌕 문예림	🌼 이승아	🍕 김미성
moonyerim2	leeseung-ah	kimitt

🍎 팀원 역할 분담

문예림

컨택트 섹션 구현
푸터 구현
파이어베이스 연동
디자인

이승아

갤러리 섹션 구현
어드민 페이지 구현
와이어 프레임 작성

김미성

헤더 섹션 구현
어바웃 섹션 구현
파이어베이스 연동
과정 문서화

⚙️ 구현기능

- 반응형
- 상단 메뉴 기능
    - 넓이 사이즈가 줄어들면 오른쪽 햄버거 버튼 생성
    - 햄버거 버튼 클릭 시 하단으로 메뉴 리스트 보임
- 팝업 기능
    - 페이지 진입 시 팝업창 띄움
    - 닫기 버튼 클릭 시 팝업 닫기
    - 하루동안 보지 않기 클릭 시 하루동안 팝업 생성 안됨
- 슬라이더 기능
    - 갤러리가 넓이 사이즈 줄어들면 슬라이더로 전환
    - 화살표로 사진 이동
    - 부트스트랩 사용
- CSS 애니메이션 사용
    - 갤러리 - 마우스 호버스 애니메이션 적용
    - contact input bottom line 애니메이션 적용
- 고정 섹션
    - 상단 네비바 고정
    - 하단 스크롤 시 버튼 하단 고정
- github 호스팅
- firebase를 활용해 DB에 contact 입력 자료 축적
- 관리자 페이지
    - 고객 상담 이름&번호 리스트 확인 가능