flip-the-card

• 세계적인 위인들의 명언이 적힌 카드를 뒤집는 기능 구현
• 바닐라 자바스크립트로 SPA 구현 연습 (class)

디렉토리 구조

flip-the-card

• .git
• data
  • data.json
• public
  • icon.png
  • shuffle.png
• src
  • App.js
  • Card.js
  • Header.js
  • Main.js
  • ShuffleBtn.js
  • Storage.js
  • style.css
• index.html
• index.js
• package.json

프로젝트 정보

• 로컬 환경 실행 (localhost:3000);

npm run start

• 개발스택
  • HTML
  • CSS
  • JavaScript

프로젝트 결과물

• 카드 뒤집기 (card flip)

• 카드 셔플 (card shuffle)

• 반응형 페이지 (responsive page)

라이센스

• 폰트 - 한국저작권위원회/KCC차쌤체/눈누(https://noonnu.cc/)