Time Spender v1

Source: Dev.to

내가 만든 것

Time Spender v1은 궁극적인 생산성 반도구입니다. 정확히 1분의 시간을 낭비하도록 설계된 웹 애플리케이션입니다.

버튼을 클릭하고, 60초에 걸쳐 서서히 확대·흐려지는 매혹적인 우주 아트 작품을 바라보며 기다립니다. 타이머가 끝나면 아무것도 하지 않은 시간에 대해 축하와 함께 콘페티가 터집니다. 이것이 바로 “시간을 가리는 예술”입니다.

이를 집단적인 시도로 만들기 위해, 앱에는 전 세계 인류가 이 화면을 바라보며 낭비한 총 분수를 실시간으로 추적하는 글로벌 카운터가 포함되어 있습니다.

데모

작동 방식을 이해하려면 직접 확인해 보세요. 한 번 시도해보고 1분을 낭비해 보세요:

Live Demo:
https://ai.studio/apps/bd1c40d0-af8c-43be-b37e-2cd50f293dc0

깃허브

https://github.com/AlexSheff/Time-Waster-v1

코드

이 프로젝트는 전부 Google AI Studio에서 구축되었습니다. 핵심 로직은 React 타이머와 Firebase 실시간 연결을 중심으로 합니다.

// The core "wasting" logic
const recordWastedTime = async () => {
  const docRef = doc(db, 'stats', 'global');
  await updateDoc(docRef, {
    totalMinutesWasted: increment(1)
  });
};

제작 방법

• 프론트엔드 프레임워크: 빠르고 현대적인 개발 환경을 위한 Vite와 React.
• 스타일링: 시간 낭비를 프리미엄하게 보이게 하는 세련된 다크 모드 UI를 위한 Tailwind CSS.
• 애니메이션: 부드러운 UI 전환과 작품에 적용되는 고통스럽게 느린 60초 확대/흐림 효과를 위한 motion/react (Framer Motion).
• 백엔드 / 데이터베이스: Firebase Firestore. 실시간 리스너(onSnapshot)가 글로벌 카운터를 동기화하고, 원자적 증가(increment(1))를 통해 전 세계에서 낭비된 각 분이 정확히 집계됩니다.
• 축하: canvas-confetti는 아무것도 이루지 못했을 때 풍자적인 축하 콘페티 폭발을 제공합니다.

시상 부문

Community Favorite – 생산성, 허슬 문화, 짧은 시간에 더 많은 일을 해야 한다는 집착이 팽배한 세상에서, 우리 모두는 의도적으로 아무것도 이루지 못하도록 함께 모일 수 있는 전용 공간이 필요합니다. 의도적으로 시간을 낭비하는 공동 경험을 통해 사람들을 하나로 모읍니다.