Wordy는 사용자 중심의 영어 학습 플랫폼으로, 어디서나 편리하게 영어 단어를 학습하고, AI 기반의 문법 교정 서비스를 이용할 수 있도록 설계되었습니다.
영어는 전 세계적으로 가장 널리 사용되는 언어 중 하나이지만, 많은 사람들이 영어 학습에 어려움을 겪고 있습니다. 특히 단어 학습과 문장 구성에 대한 어려움이 크게 느껴집니다. 이러한 배경에서, Wordy는 사용자들이 효과적으로 영어 단어를 학습하고, 학습한 단어를 바탕으로 문장을 구성하는 연습을 할 수 있는 서비스를 제공하고자 탄생하였습니다.
또한, 자신이 작성한 문장이 올바른 문법으로 이루어져 있는지 확인하는 것은 영어 학습자에게 큰 어려움입니다. 이에 Wordy는 AI 기반의 문법 교정 기능을 도입하여, 사용자들이 영어 작문을 쉽고 정확하게 교정받을 수 있도록 하였습니다.
뿐만 아니라, Wordy는 사용자의 학습 동기를 높이기 위해 개인별 학습 진도율과 랭킹 시스템을 제공합니다. 이를 통해 사용자는 자신의 학습 상황을 쉽게 파악하고, 다른 사용자와의 랭킹을 통해 경쟁 의식을 느끼며 학습에 재미를 느낄 수 있습니다.
Wordy는 사용자의 영어 학습을 쉽고 재미있게 만들어주는 플랫폼으로, 사용자들이 영어에 대한 자신감을 높이고, 세계와 소통할 수 있는 기회를 제공하고자 합니다.
- 2023.10.02 ~ 2023.11.04 (5주)
| 이름 | 역할 | 기여도 |
|---|---|---|
| 진채영 | 팀장/ 풀스택 | - 카카오 소셜 로그인 [백/프론트] - 학습 유저 랭킹 API [백/프론트] - 클라이언트 아키텍처 및 배포 - 커스텀 및 학습 카테고리 단어장 클라이언트 CRUD - React query를 통한 상태관리 - 커스텀 Hook을 통한 디바운스 적용 상태관리 - 페이지네이션 컴포넌트 구현 - 회원가입 및 로그인 페이지 에러 해결 및 구현 - Figma를 통한 ui 기획 - Viewport 모바일용 버튼 생성 |
| 임재홍 | 풀스택 / AI | - 파이썬 FastAPI 서버 아키텍쳐 설정 및 배포 - 대화문 생성 api 구현 및 번역 api 연동 - 문법 설명 api 구현 - 대화문 생성 페이지 구현 - 학습완료 페이지 → 대화문 생성 연동 |
| 정현수 | 풀스택 / 데이터 / AI | -학습 데이터 수집 및 전처리 -AI 모델 학습 -fine-tuned 모델 pipeline 배포 -db 데이터 전처리 -파이썬 문법교정 api 생성 (FastAPI) -저장소 페이지 구현 -검색 컴포넌트 생성 -즐겨찾기 컴포넌트 생성 -커스텀 모달 생성 -문법 교정 페이지 구현 |
| 박영현 | 프론트 | - 단어 학습 페이지 구현 - 체험 학습 페이지 구현 - 메인 서비스 전체 레이아웃 구조 |
| 이도은 | 프론트 | - 서비스 초안(Figma) 및 ui 선정 작업 - app (클라이언트 측 api 모듈, 페이지 이동) 및 index 세팅 - 인증, 회원 관련 페이지 및 기능 구현 - 루트 페이지 및 기타 서브 페이지 스타일 작업 및 버튼 기능 구현 - 헤더 component 기능 및 유저 프로필 기능 구현 - Kakao 로그인 user의 이메일 추가 등록 및 modal 기능 구현 |
| 조대찬 | 백엔드 리드 | - 시스템 아키텍쳐 및 배포 - 서버 아키텍쳐 - 데이터베이스 아키텍쳐 - SSL/TLS - 회원, 인증/인가 관련 API 구현 - 학습 API 구현 - 학습 진행률 API 구현 - 단어장 관련 API 구현 - 단어 검색 API 구현 - 리마인드 스케쥴러 구현 - jest TDD - load test |
-
회원 서비스 시퀀스 다이어그램
-
학습 서비스 시퀀스 다이어그램
서비스는 회원가입 혹은 로그인 후 이용 가능하며, 이메일 인증을 통해 회원가입이 진행됩니다. 소셜 로그인 시 이메일 제공이 없다면, 내 정보에서 이메일을 직접 입력해야 합니다.
단어 학습은 4개의 공인인증시험 카테고리를 통해 이루어지며, 사용자는 10개의 단어를 학습하고 테스트합니다. 정답과 오답 결과는 학습 결과 창에서 확인할 수 있습니다. 학습한 단어는 랭킹 시스템의 점수로 변환되며, 사용자는 자신과 다른 유저의 랭킹을 확인할 수 있습니다.
문법 교정 기능은 사용자가 작성한 문장을 AI가 교정하여 올바른 영어 문장을 생성해줍니다.
단어장 및 저장소에서 학습한 단어, 틀린단어, 카테고리별 단어, 즐겨찾기 등 단어들을 한눈에 확인하고 추가로 커스텀 단어를 등록하거나 즐겨찾기에 등록할 수 있습니다. 또한 검색API를 통해 서비스에 등록된 단어를 검색할 수 있습니다.
내 정보 페이지에서 유저의 개인 정보와 학습 진행률을 확인할 수 있으며, 학습현황에 따라 이메일을 통해 리마인드 서비스를 제공합니다.
DATABASE_URL=
SERVER_URL=
SERVER_PORT=
JWT_SECRET_KEY=
JWT_TOKEN_EXPIRES=
SESSION_SECRET_KEY=
NODE_MAILER_USER=
NODE_MAILER_PASS=
KAKAO_ID=
WORDY_ICON= 리마인드 서비스에 사용할 아이콘(base64)
npx prisma db push
npx ts-node src/data/insertWord.ts
npx ts-node src/data/insertMeaning.ts
REACT_APP_SERVER_URL=
REACT_APP_SERVER_URL_API=
REACT_APP_GPT_SVR_URL=
REDIRECT_URI=
REACT_APP_GPT_TOKEN=
back 루트경로로 이동
yarn installyarn start
front 루트경로로 이동
yarn installyarn start
- 0.0.1