영어 학습을 위한 대화형 챗봇 서비스

1. 목표와 기능

1.1 목표

• 언제 어디서나 가볍게 사용할 수 있는 서비스

1.2 기능

• 무한한 자유도의 대화 상황 설정
• 프로필 사진 설정을 통한 높은 몰입감
• 대화 중 모르는 단어의 기능적, 문법적 의미 설명

2. 개발 환경 및 배포 URL

2.1 개발 환경

• HTML / CSS
• Vanilla JavaScript
• 서비스 배포 환경
  • GitHub

2.2 배포 URL

• https://vboriv.github.io/ORMI_project_1/

3. 프로젝트 구조와 페이지 데모

3.1 프로젝트 구조

├── asset
├── index.css
├── index.html
├── js
│   ├── chat.js
│   ├── loading.js
│   ├── modal.js
│   ├── profile.js
│   └── question.js
├── main.js
└── readme.md

3.2 페이지 데모

캐릭터 선택

보리 채팅

보리 채팅 질문

보리 채팅

철수 채팅

영희 채팅

---

GIF

반응형

질문 로딩

채팅 로딩

캐릭터 선택

이미지 업로드

채팅 화면

동적 버튼 (캐릭터 선택)

동적 버튼 (채팅 전송)

동적 버튼 (질문 닫기)