Skip to content

devbrother2024/voice-memo-app

Repository files navigation

음성 메모장 앱

음성 인식을 활용하여 메모를 쉽게 작성하고 관리할 수 있는 웹 애플리케이션입니다.

기능

  • 음성 인식을 통한 메모 작성
  • 메모 목록 조회
  • 메모 수정 및 삭제
  • 로컬 스토리지를 활용한 데이터 저장

기술 스택

  • 프론트엔드: Next.js, React, TypeScript, Tailwind CSS
  • UI 컴포넌트: Shadcn UI
  • 데이터베이스: Supabase (현재는 로컬 스토리지 사용)
  • 음성 인식: Web Speech API (react-speech-recognition)

시작하기

필수 조건

  • Node.js 18.0.0 이상
  • npm 또는 yarn

설치

  1. 저장소를 클론합니다.
git clone https://github.com/yourusername/voice-memo-app.git
cd voice-memo-app
  1. 의존성을 설치합니다.
npm install
# 또는
yarn install
  1. 개발 서버를 실행합니다.
npm run dev
# 또는
yarn dev
  1. 브라우저에서 http://localhost:3000 으로 접속합니다.

환경 변수 설정

.env.local 파일을 생성하고 다음 변수를 설정합니다:

NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

라이센스

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published