multi-timer

🔗Site Link

➡️ https://port-0-multi-timer-mejyuz6qa35ee4f7.sel5.cloudtype.app

💡프로젝트 설명

multi-timer는 타이머를 통해 시간을 관리하고 완료된 세션을 기록하여 생산성을 조회할 수 있는 사이트입니다. Nuxt.js와 Supabase를 연동하여 Google 로그인과 데이터베이스, 데이터 조회기능을 구현했습니다.

🤝참여인원

개인 프로젝트 (1명)

🛠️기술 스택

Client : TypeScript Nuxt.js Pinia Tailwind CSS PrimeVue Chart.js

Server : Nuxt.js Supabase

💻주요 기능

• Google API연동을 통한 로그인/로그아웃 기능 구현
• 다중 타이머 생성 및 관리 기능 (시작, 정지, 초기화, 삭제)
• 완료된 타이머 자동 알림기능
• 완료된 타이머 자동으로 데이터베이스에 기록 저장
• Chart.js를 활용한 통계 데이터 조회

🪄 Install

npm install

npm run dev

Environment variables

# Supabase
SUPABASE_URL="YOUR_SUPABASE_URL"
SUPABASE_KEY="YOUR_SUPABASE_ANON_KEY"

Requirements

node 18+