Verbly: 내가 쓴 영어일기를 AI와 원어민이 듀얼 첨삭해주는 서비스

프로젝트 소개

“AI 1차 교정 + 원어민 2차 첨삭의 2단계 학습 플랫폼"

많은 한국인 학습자들은 틀릴까 봐 영어 사용을 망설입니다.

버블리는 이 장벽을 낮추기 위해 AI의 빠른 문법 교정과 원어민의 문화적·맥락적 피드백을 결합했습니다.

교정된 문장은 자동으로 개인 라이브러리에 저장되고, 퀴즈와 복습을 통해 장기 기억으로 전환됩니다.

학습은 혼자가 아니라, 글로벌 커뮤니티 속에서 함께 성장하는 경험이 됩니다.

배포 주소

🌐 프론트엔드 주소: https://www.verbly.kr
⚙️ 백엔드 주소: https://api.verbly.kr

팀원 소개

멍이(전지은)	누아(조호연)	나옹(성유진)	지니(김정현)
@kniiiiko	@whghdus	@Naongjin	@ninininhihi

사용 기술 스택

분류	기술
Package Manager	pnpm (v10.20.0)
UI Library	React
Styling	Tailwind CSS (v4)
HTTP Client	axios (v1.13.2)
Routing	react-router-dom (v7.12.0)
Server State	@tanstack/react-query (v5.90.16)
Global State	zustand (v5.0.10)

git 컨벤션

브랜치 전략

Git Flow 방식: dev ← 개별 브랜치

• dev: 개발 + 배포 브랜치

브랜치 명명 규칙

브랜치 형식: 브랜치종류-#이슈번호/브랜치이름

• 브랜치 종류: feat, refactor, bug 등등…

폴더 구조

📦 verbly.react
├── .github
│   └── ISSUE_TEMPLATE
│
├── public
│
├── src
│   ├── apis
│   │
│   ├── assets
│   │   ├── emoji
│   │   └── fonts
│   │
│   ├── auth
│   │
│   ├── components
│   │   ├── AccountActionModal
│   │   ├── Avatar
│   │   ├── Badge
│   │   ├── Button
│   │   ├── Chat
│   │   ├── Chip
│   │   ├── Comment
│   │   ├── Header
│   │   ├── Home
│   │   ├── Interaction
│   │   ├── Logo
│   │   │   └── img
│   │   ├── Nav
│   │   │   └── components
│   │   ├── Pagination
│   │   ├── Profile
│   │   │   └── img
│   │   ├── ProfileCard
│   │   ├── ProgressIndicator
│   │   ├── Rating
│   │   ├── SearchBar
│   │   ├── Select
│   │   ├── Switch
│   │   ├── Tab
│   │   ├── Tag
│   │   ├── Text
│   │   ├── TextArea
│   │   ├── Toast
│   │   └── TrendingTag
│   │
│   ├── contexts
│   │
│   ├── hooks
│   │
│   ├── pages
│   │   ├── Correction
│   │   │   ├── Native
│   │   │   ├── components
│   │   │   ├── korean
│   │   │   └── layout
│   │   │
│   │   ├── Home
│   │   │   └── components
│   │   │
│   │   ├── Inbox
│   │   │   └── components
│   │   │
│   │   ├── Library
│   │   │   ├── components
│   │   │   └── emoji
│   │   │
│   │   ├── Review
│   │   │   └── components
│   │   │
│   │   ├── My
│   │   │   ├── components
│   │   │   ├── hooks
│   │   │   └── img
│   │   │
│   │   └── Onboarding
│   │       └── video
│   │
│   ├── routes
│   │
│   ├── store
│   │
│   ├── styles
│   │
│   ├── types
│   │
│   └── utils
│
├── .vite
│   └── deps