Skip to content

dayeon0706/madcamp_week4

Repository files navigation

madcamp_week4

앱 소개

언어를 배우는 가장 쉽고 재미있는 방법, Langly!

Langly_bg2

여러분들은 왜? 영어를 못할까요? 그건 영어가 어렵기 때문입니다.

image (26)

당신의 언어 학습을 지루한 교과서 속 문법 공부가 아닌, 재미있게 배우게 도와드립니다.

팀원

김준호(카이스트 전산학부 20, BE)

image (27)

김다연(한양대학교 정보시스템학과 22, FE)

image (28)

개발 환경

  • 협업툴 : Github
  • FE : React-native
  • BE : node js
  • DBMS : Mysql
  • Server : AWS EC2
  • IDE : VSCode
  • 디자인 : Figma
  • 사용 모델 : Open AI 4o, Open AI Whisper

API 명세서

Base URL : http://3.35.11.220

Port : 3000

HTTP 메서드 엔드포인트 설명 인증 필요 여부 비고
POST /grammar 일기 내용의 문법을 분석합니다. 필요
GET /diary_db 모든 일기 데이터를 가져옵니다. 불필요 개발용
DELETE /delete/:id 특정 ID에 해당하는 일기를 삭제합니다. 필요
POST /save 새로운 일기를 저장합니다. 필요
PUT /update/:id 특정 ID에 해당하는 일기를 수정합니다. 필요
GET /user_diary 인증된 사용자의 모든 일기 데이터를 가져옵니다. 필요
GET /users 모든 사용자 정보를 가져옵니다. 불필요 개발용
POST /register 새로운 사용자를 등록합니다. 불필요
POST /login 사용자 인증 후 토큰을 발급합니다. 불필요
POST /get_my_word 사용자가 저장한 단어를 가져옵니다. 필요
POST /save_word 사용자의 단어를 저장합니다. 필요
DELETE /delete_word/:word_id 특정 단어 ID를 삭제합니다. 필요
POST /save_sentence 사용자의 문장을 저장합니다. 필요
POST /get_my_sentence 사용자가 저장한 문장을 가져옵니다. 필요
DELETE /delete_sentence/:sentence_id 특정 문장 ID를 삭제합니다. 필요
POST /talk_process 사용자가 업로드한 오디오 파일을 처리합니다. 불필요
POST /generate_five_word 오늘의 단어 5개를 생성합니다. 필요
POST /generate_sentence 오늘의 문장을 생성합니다. 필요

DB

image (29)

Screen

로그인, 회원가입

image (31) image (30)

메인화면

  • 매일마다 달라지는 단어를 보여주는 페이지입니다.

image (33) image (32)

  • 단어를 클릭하면 거위가 입을 벌리면서 단어를 읽어줍니다.
    • 배경은 카이스트 오리연못입니다. 뒤쪽에 오줌싸는 강아지 동상을 확인하실 수 있습니다.

생새이 image (36) image (35) image (34)

  • 상단의 언어 선택 버튼으로 언어를 선택하면 그 언어에 맞는 단어가 보입니다. (영어, 스페인어, 일본어 중 택1)

  • 연속 학습일수에 따라서 거위 레벨이 1~8까지 오르는데 각 레벨마다 보이는 거위가 달라집니다.

goose_lv1

Lv.1 파란머플러 거위

goose_lv2

Lv.2 리본 거위

goose_lv3

Lv.3 선글라스 거위

goose_lv4

Lv.4 넙죽백을 맨 거위

goose_lv5

Lv.5 미국초딩 거위

goose_lv6

Lv.6 영국신사 거위

goose_lv7

LV.7 일본 거위 🇯🇵

goose_lv8

Lv.8 스페인 거위 🇪🇸

image (38) image (37)

  • 단어를 꾹 눌러서 단어를 저장할 수도 있습니다.

오늘의 문장 탭

image (41) image (40) image (39)

  • 언어마다 매일 달라지는 문장을 보여줍니다.

image (43) image (42)

  • 다시 보고싶은 문장을 저장할 수도 있습니다.

음성대화 탭

  • AI와 영어, 스페인어, 일본어로 대화할 수 있습니다.

image (46) image (45) image (44)

  • AI 말풍선을 한 번 클릭하면 번역을 볼 수 있습니다.
    • 문법 교정도 해줍니다.

image (47)

오늘의 일기 탭

image (49) image (48)

  • 다이어리 작성 버튼을 누르면 위와같은 화면이 뜹니다.
    • 오늘의 감정을 4가지 중 하나로 선택할 수 있습니다. image (49) image (48)

goose_happy goose_angry goose_sad goose_love

  • 중앙의 버튼을 누르면 문법을 교정해줍니다.

image (51) image (50)

  • 우측 상단의 전송하기 버튼을 누르면 이렇게 탭에 방금 작성한 일기가 뜨게 된다. image (52)

마이페이지

image (55) image (54) image (53)

  • 마이페이지입니다. 선택한 언어에 따라서 저장한 단어와 문장을 보여줍니다.

후기

🤣 김준호

재미있게 개발해서 좋았다.

슥슥하면 디자인이 완성되는 프론트에게 박수를.

😂 김다연

즐거웠다 ~~ 유능한 백엔드 엔지니어님감사합니다.

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors