🙌 손새김

🫳

손으로 새기며 배워보세요 !

✋ 손새김이란?

손새김은 수어 학습 서비스로 청인과 농인의 연결고리를 만들어줍니다.

"후천적으로 농인이 된 나의 가족을 위해"
"농인으로 태어난 나의 자녀를 위해"
"소중한 농인 친구를 위해"

수어를 배우길 희망하는 청인 학습자들의 따뜻한 소통을 돕는 서비스를 목표로 하고있습니다.

✋ 주요 기능

📖 학습

• 퀴즈 풀기
  각 수어 그림에 알맞는 선택지를 선택합니다. 총 10문제를 풀며, 오답은 자동으로 재학습 리스트에 추가됩니다.

• 따라하기
  각 수어 그림을 똑같이 따라합니다. 웹캠을 통해 사진을 촬영하고, 인공지능 모델이 정답과 오답을 판별해줍니다.

🎮 게임

• 수어 게임
  위에서 아래로 내려오는 수어 그림에 알맞는 정답을 타자로 입력합니다. 점수와 순위를 공개하여 학습자의 성취도를 높이고, 재미있는 학습 경험을 제공합니다.

🤓 마이페이지

• 출석 시각화
  나의 출석 현황을 한눈에 확인할 수 있으며, 꾸준한 학습을 통해 대표 캐릭터가 변화하여 학습 성취를 시각화하고 학습 동기를 부여합니다.

• 학습 메모
  내가 저장해둔 모음/자음 또는 단어/문장을 학습 메모에서 언제든지 확인하고 복습할 수 있습니다.

✋ STACKS

Communication

Develop

Hosting

Config

Environment

🍀💖 팀원 소개

sswu Computer Engineering

Team 수황

김예은 @yyen0	박시현 @88guri	전민선 @mminnn28	조수빈 @s0obang	최수진 @jinsujini

✋ DB

✋ ERD

📂 폴더 구조

📂 SSWU_SONSAEKIM
├─ app.js
├─ configs
│  ├─ config.js
│  └─ redis.js
├─ controllers
│  ├─ authController.js
│  ├─ gameController.js
│  ├─ imitateController.js
│  ├─ learnController.js
│  ├─ mypageController.js
│  ├─ predictController.js
│  └─ quizController.js
├─ flask_server
│  ├─ app.py
│  ├─ models
│  │  └─ multi_hand_gesture_classifier.tflite
│  ├─ modules
│  │  ├─ holistic_module.py
│  │  ├─ utils.py
│  │  └─ __pycache__
│  │     ├─ holistic_module.cpython-312.pyc
│  │     └─ utils.cpython-312.pyc
│  ├─ predict_image.py
│  ├─ requirements.txt
│  └─ __pycache__
│     └─ predict_image.cpython-312.pyc
├─ lib
│  ├─ auth.js
│  ├─ email.helper.js
│  └─ pythonCaller.js
├─ middlewares
│  └─ logincheck.js
├─ models
│  ├─ GameRecord.js
│  ├─ index.js
│  ├─ mypage
│  │  ├─ Attendance.js
│  │  └─ LearningStat.js
│  ├─ quiz
│  │  ├─ bookmarkVc.js
│  │  ├─ bookmarkWord.js
│  │  ├─ quiz.js
│  │  ├─ signVc.js
│  │  ├─ signWord.js
│  │  ├─ vcWrong.js
│  │  └─ wordWrong.js
│  └─ User.js
├─ package-lock.json
├─ package.json
├─ public
│  ├─ assets
│  │  ├─ back.svg
│  │  ├─ empty_bookmark.svg
│  │  ├─ filled_bookmark.svg
│  │  ├─ gamearrow.svg
│  │  ├─ hand.svg
│  │  ├─ hand_icon
│  │  │  ├─ glass.svg
│  │  │  ├─ left.png
│  │  │  ├─ left_1.png
│  │  │  ├─ left_2.png
│  │  │  ├─ level1.png
│  │  │  ├─ level1.svg
│  │  │  ├─ level2.svg
│  │  │  ├─ level3.svg
│  │  │  ├─ right.png
│  │  │  ├─ right_1.png
│  │  │  ├─ right_2.png
│  │  │  └─ ring.svg
│  │  ├─ intro.png
│  │  ├─ left-btn.svg
│  │  ├─ logo.svg
│  │  ├─ logo_hand.svg
│  │  ├─ right-btn.svg
│  │  ├─ sign1.svg
│  │  ├─ sign_vc
│  │  └─ sign_word
│  ├─ css
│  │  ├─ auth
│  │  │  ├─ changePw.css
│  │  │  ├─ findPw.css
│  │  │  ├─ findPwVerify.css
│  │  │  ├─ home.css
│  │  │  ├─ login.css
│  │  │  ├─ loginHome.css
│  │  │  ├─ register.css
│  │  │  ├─ verify.css
│  │  │  └─ welcome.css
│  │  ├─ game
│  │  │  ├─ play.css
│  │  │  └─ start.css
│  │  ├─ imitate
│  │  │  └─ imitate.css
│  │  ├─ layouts
│  │  │  ├─ footer.css
│  │  │  ├─ header.css
│  │  │  └─ home.css
│  │  ├─ learn
│  │  │  ├─ learnFrame.css
│  │  │  ├─ result.css
│  │  │  └─ wrong.css
│  │  ├─ mypage
│  │  │  ├─ modal.css
│  │  │  └─ mypage.css
│  │  └─ quiz
│  │     └─ quiz.css
│  └─ js
│     ├─ auth
│     │  ├─ changePw.js
│     │  └─ register.js
│     ├─ game
│     │  ├─ play.js
│     │  └─ start.js
│     ├─ imitate
│     │  ├─ camera.js
│     │  ├─ imitate.js
│     │  ├─ renderImitate.js
│     │  └─ renderImitateWrong.js
│     ├─ mypage.js
│     └─ quiz
│        ├─ bookmark.js
│        ├─ renderQuiz.js
│        └─ renderQuizWrong.js
├─ routers
│  ├─ auth.js
│  ├─ gameRouter.js
│  ├─ imitateRouter.js
│  ├─ learnRouter.js
│  ├─ predictRouter.js
│  ├─ quizRouter.js
│  └─ userRouter.js
├─ services
│  ├─ authService.js
│  ├─ gameService.js
│  ├─ imitateService.js
│  ├─ mypageService.js
│  └─ quizService.js
└─ views
   ├─ auth
   │  ├─ changePw.ejs
   │  ├─ findPw.ejs
   │  ├─ findPwVerify.ejs
   │  ├─ home.ejs
   │  ├─ login.ejs
   │  ├─ loginHome.ejs
   │  ├─ register.ejs
   │  ├─ verify.ejs
   │  └─ welcome.ejs
   ├─ game
   │  ├─ play.ejs
   │  └─ start.ejs
   ├─ imitate
   │  ├─ imitatePage.ejs
   │  ├─ imitateResult.ejs
   │  ├─ imitateSelect.ejs
   │  └─ imitateWrong.ejs
   ├─ layouts
   │  ├─ footer.ejs
   │  ├─ header.ejs
   │  └─ home.ejs
   ├─ learn
   │  └─ learn.ejs
   ├─ mypage
   │  ├─ bookmarkDetail.ejs
   │  ├─ mypage.ejs
   │  └─ nouser.ejs
   └─ quiz
      ├─ noQuiz.ejs
      ├─ quizMenu.ejs
      ├─ quizPage.ejs
      ├─ quizResult.ejs
      └─ quizWrong.ejs