음성 인식을 활용하여 메모를 쉽게 작성하고 관리할 수 있는 웹 애플리케이션입니다.
- 음성 인식을 통한 메모 작성
- 메모 목록 조회
- 메모 수정 및 삭제
- 로컬 스토리지를 활용한 데이터 저장
- 프론트엔드: Next.js, React, TypeScript, Tailwind CSS
- UI 컴포넌트: Shadcn UI
- 데이터베이스: Supabase (현재는 로컬 스토리지 사용)
- 음성 인식: Web Speech API (react-speech-recognition)
- Node.js 18.0.0 이상
- npm 또는 yarn
- 저장소를 클론합니다.
git clone https://github.com/yourusername/voice-memo-app.git
cd voice-memo-app
- 의존성을 설치합니다.
npm install
# 또는
yarn install
- 개발 서버를 실행합니다.
npm run dev
# 또는
yarn dev
- 브라우저에서 http://localhost:3000 으로 접속합니다.
.env.local
파일을 생성하고 다음 변수를 설정합니다:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
MIT