🧘 Focus / Wellness

DoodleChill

손그림 풍경에 빗소리를 틀고, 뽀모도로 타이머를 누르세요. 집중이 시작됩니다.

사이트 방문
SEO77/100
kimcheolgi
cheolgi kim

@kimcheolgi

스크린샷

소개

카페에서 코딩할 때 집중이 잘 되는 이유가 뭘까요. 적당한 소음, 편안한 분위기, 시간이 정해진 느낌. DoodleChill은 그걸 브라우저에서 재현합니다.

주요 기능

7가지 손그림 씬 비 오는 창가, 숲속 캠프파이어, 바닷가, 카페, 도서관, 밤하늘, 눈 오는 마을. 각 씬마다 어울리는 앰비언트 사운드가 자동으로 재생됩니다. 일러스트는 따뜻한 손그림 스타일입니다.

앰비언트 사운드 믹서 빗소리, 천둥, 새소리, 파도, 모닥불, 바람, 키보드 타건음 등을 개별 볼륨으로 조절할 수 있습니다. 좋아하는 소리를 직접 조합해서 나만의 집중 환경을 만드세요.

뽀모도로 타이머 25분 집중 + 5분 휴식 사이클. 타이머가 끝나면 알림음이 울립니다. 45분~120분 집중 세션에 최적화되어 있습니다.

이런 분들을 위해 만들었습니다

  • 코딩할 때 음악은 산만하고 무음은 불안한 개발자
  • 카페 분위기를 집에서 재현하고 싶은 재택근무자
  • 공부할 때 백색소음이 필요한 학생
  • 뽀모도로 타이머를 따로 앱 깔기 싫은 사람

기술적 특징

  • Web Audio API로 사운드 재생 — 외부 서비스 의존 없음
  • SVG 애니메이션으로 씬 렌더링 — 가벼움
  • 평균 체류시간 45~120분을 타겟으로 설계
  • Next.js SSR + Vercel 무료 티어, 월 운영비 $0

기술 스택

Next.jsTypeScriptTailwind CSSWeb Audio APISVG AnimationVercel

월 운영 비용

무료 🎉

SEO 점수

SEO77/100

개선 제안:

  • Keep title under 60 characters
  • Add exactly one H1 tag with your main keyword
  • Use structured headings (H1, H2, H3)

추천

이 프로젝트가 추천하는 곳(1개)

댓글 0개

댓글을 작성하려면 로그인 이 필요합니다.

로딩 중...