Vibe Coding Portfolio

FunLifeFlow
마인드맵

복잡하게 얽힌 생각들을 자유롭게 연결하고 확장하는 비선형적 사고를 위한 최적의 디지털 공간입니다.

share
bookmark

기획 의도

우리의 뇌는 정보를 순차적으로만 처리하지 않습니다. 아이디어는 갑자기 튀어나오고, 서로 멀리 떨어져 있던 개념들이 예기치 않게 연결되곤 합니다. FunLifeFlow는 이러한 '비선형적 사고 방식'을 디지털 환경에서 완벽하게 지원하기 위해 시작되었습니다.

기존의 정형화된 리스트나 테이블 형태에서 벗어나, 무한한 캔버스 위에서 사용자가 직접 노드를 드래그하고 선을 잇는 행위를 통해 생각의 흐름을 가시화하고 새로운 인사이트를 발견할 수 있도록 돕습니다.

주요 기능

zoom_out_map

무한 캔버스 (Infinite Canvas)

화면의 한계 없이 아이디어를 확장하세요. 줌인/줌아웃 기능을 통해 전체적인 맥락과 세부 내용을 동시에 파악할 수 있는 광활한 작업 공간을 제공합니다.

drag_pan

직관적인 노드 관리

드래그 앤 드롭으로 노드를 자유롭게 배치하고, 클릭 한 번으로 노드 간의 관계(Edge)를 생성할 수 있습니다.

auto_awesome_motion

자동 레이아웃

복잡해진 마인드맵을 버튼 하나로 정돈하세요. 알고리즘 기반의 자동 배치를 통해 가독성을 유지합니다.

cloud_sync

클라우드 자동 저장

모든 작업 내용은 Supabase 클라우드에 실시간으로 안전하게 저장됩니다. 언제 어디서든 다시 접속하여 작업을 이어갈 수 있습니다.

기술 스택

프로젝트를 지탱하는 견고한 기술들입니다.

N
Next.js 14 Framework
hub
React Flow Graph Engine
palette
Tailwind CSS Styling
GitHub Version Control

생각의 지도를
그려보세요

무한한 가능성을 지닌 FunLifeFlow 캔버스에서
당신의 아이디어를 시각화하고 구체화하세요.

지금 무료로 시작하기
arrow_back 포트폴리오로 돌아가기