지뢰 찾기 게임을 이겨야 할 일을 끝낼 수 있는 생산성 앱
생산성 앱 Proof of Work는 작업 완료를 위해 Expert-level 지뢰 찾기 게임을 통과해야 하는 독특한 방식을 채택함
지뢰 폭발 시 Hydra Engine이 작동하여 작업을 20배로 증가시키며, 사용자의 작업 완료를 방해함
React, Tailwind CSS, localStorage를 사용하여 사용자 실패 경험을 지속시키고, Google Gemini를 활용하여 비생산적인 동기 부여를 제공함
HTCPCP/1.0(RFC 2324)을 준수하여, 사용자가 꼼수를 쓰려 할 경우 418 I'm a Teapot 에러를 반환함
지뢰 찾기 게임과 To-Do List의 기묘한 결합
Proof of Work는 일반적인 To-Do List와 달리, 작업을 완료하기 위해 Expert-level 지뢰 찾기 게임을 통과해야 한다.
지뢰 찾기(Minesweeper) 게임은 30x16 크기의 그리드에 99개의 지뢰가 숨겨져 있으며, 사용자는 지뢰를 피하면서 모든 칸을 열어야 한다.
Hydra Engine은 지뢰를 밟을 경우, 해당 작업을 20배로 복제하여 사용자의 작업 완료 의지를 꺾는 역할을 수행한다.
이러한 독특한 방식은 사용자가 작업을 완료하는 데 심리적인 장벽을 만들어, 비생산성을 극대화한다.
React 기반 UI 구현 및 상태 관리
본 앱은 React를 사용하여 사용자 인터페이스(UI)를 구축하고, Lovable을 통해 복잡한 상태 관리를 수행한다.
React 컴포넌트(Component)를 활용하여 UI를 모듈화하고, 재사용 가능한 컴포넌트를 구성한다.
Hydra Engine으로 인한 작업 복제 및 UI 업데이트를 위해, React의 상태 관리(State Management)를 정교하게 구현한다.
Tailwind CSS를 사용하여 UI 디자인(UI Design)을 간편하게 적용하고, localStorage를 통해 사용자의 실패 경험을 지속시킨다.
결과적으로, React의 유연성을 활용하여 독특한 컨셉의 UI/UX(User Experience)를 구현했다.
Google Gemini를 활용한 비생산성 동기 부여
Proof of Work는 Google Gemini를 활용하여, 각 작업에 대한 비생산적인 동기 부여를 제공한다.
Universal Entropy Engine은 각 작업에 대해 AI가 생성한 비생산적인 이유를 제시한다.
Gemini는 과학적으로 정확하고, 중립적인 입장을 유지하며, 감정적으로 지치게 만드는 문구를 생성한다.
이러한 기능은 사용자가 작업의 무의미함을 깨닫게 하고, 비생산적인 경험을 강화한다.
결과적으로, Google Gemini를 통해 앱의 독특한 컨셉을 더욱 부각하고, 사용자 경험을 풍부하게 만들었다.
HTCPCP/1.0(RFC 2324) 준수 및 I'm a Teapot 에러
Proof of Work는 HTCPCP/1.0(RFC 2324)을 준수하여, 래리 마신터(Larry Masinter)의 철학을 반영한다.
사용자가 지뢰 찾기 모달을 닫거나, 꼼수를 쓰려 할 경우 418 I'm a Teapot 에러를 반환한다.
X-Brewing-Protocol 헤더를 메타데이터에 주입하여, 래리의 유산을 기리는 방식을 취한다.
이러한 구현은 앱의 유머러스한 컨셉을 더욱 강조하고, 사용자에게 독특한 경험을 제공한다.
결과적으로, 기술적인 구현뿐만 아니라, 철학적인 부분까지 고려하여 앱의 완성도를 높였다.
