3가지의 lofi음악 모드와 여러가지 다양한 백그라운드 노이즈들을 선택하고, 볼륨을 조절함과 동시에 집중모드 타이머 설정을 통해 집중하는 시간을 정하고, 투두리스트를 통해 할일을 정리할 수 있는 웹앱

다크모드 낮모드 설정	다크모드 밤모드 설정
낮모드 비 설정	밤모드 비 설정
lofi 모드, 배경 노이즈 설정	집중모드 타이머, 투두리스트 설정

헤더

• 다크모드 버튼으로 낮,밤 모드 설정
• 전체모드 설정



메인페이지

• 비소리 토글버튼
• lofi 모드선택, 볼륨
• 배경 노이즈선택, 볼륨
• 집중모드 타이머 설정
• 투두리스트
• 음악 재생, 일시정지, 이전노래, 다음노래 기능

• react >= 18.2.0
• mui/material >=5.13.7
• reduxjs/toolkit >= 1.9.5
• sass >= 1.45.0