Skip to content

첫번째 project - vanillaJs와 CSS만을 사용한 Vercel page 클론을 해봅니다 🙌

Notifications You must be signed in to change notification settings

GDSC-CAU-Frontend/project1-vercel-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

프로젝트 구현사항

1. 공용 repository

project1-vercel-clone

자신의 프로젝트가 완료되거나, 기능이 완료된 경우 해당 repository로 push 해주세요

commit rules

feat     : 새로운 기능 추가
fix      : 버그 수정
docs     : 문서 수정
style    : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
refactor : 코드 리펙토링
test     : 테스트 코드, 리펙토링 테스트 코드 추가
chore    : 빌드 업무 수정, 패키지 매니저 수정

2. 분량

Vercel

  • Develope, Preview, Ship 전까지
  • 다크모드 기준

vercel


3. 필수 구현 사항

  1. 마우스 hover시 좌표에따라 동적으로 반응하는 카드
  2. radial gradientblur api를 사용한 효과
  3. 버튼 ring 회전
  4. gradient 텍스트 변형 및 전환

4. 생각해보면 좋을 것

  1. 중복을 줄이기 위한 구조
  2. 컴포넌트 기반 디자인, vanilla-kitty 프로젝트를 참고해보세용
  3. 파일구조 설계에 대한 고민과 이유
  4. 순수 css가 짜증나는 이유

About

첫번째 project - vanillaJs와 CSS만을 사용한 Vercel page 클론을 해봅니다 🙌

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published