JavaScript를 활용한 영단어 카드게임 - 공차팀

프로젝트 소개

• 영단어 카드 게임입니다. 단어가 주어지면 해당 단어로 문법을 고려하여 문장을 완성합니다.
• 문장의 결과에 따라 정답 또는 오답을 출력합니다.

공차팀 구성원

조담진	서정호	김민지
Sorae1118	jeongho77	minso00

🔨 Stacks

• Frontend

• Tools & Environment

📀 Function

1. AOS (Animate on Scroll Library) AOS
2. Drag & Drop

📺 화면구성

1. 메인 화면

• 메인 페이지입니다. 시작하기 버튼 클릭시 정해진 위치로 이동합니다.
  
  
  

2. 난이도 선택 화면

• 난이도에 선택 페이지입니다. 난이도에 따라 영어 문장 수준이 달라집니다.
• 스크롤 이벤트로 Aos 라이브러리 기능이 동작합니다.
  
  
  

3. 단어 맞추기 화면

• 단어 맞추기 페이지입니다.
• 드래드 앤 드롭으로 단어를 이동하여 문장을 완성합니다
  
  
  

4. 결과 화면

• 결과를 확인할 수 있는 페이지입니다.
• 문장의 결과값을 정답이 들어있는 객체의 value와 비교하여 결과를 표시합니다.