안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
Recipe Book - 나만의 요리 레시피 관리 시스템
개발
SaaSㆍ솔루션, 통계ㆍ대시보드, 기타(IT 서비스 구축)
프로젝트 배경
**배경**
좋은 레시피를 발견해도 메모장, 사진, 웹 북마크 등 여기저기 흩어져 있어 나중에 찾기 어렵습니다.

"저번에 만들었던 그 파스타 레시피가 어디 있더라?", "오늘 30분 안에 만들 수 있는 요리가 뭐가 있지?" 같은 상황에서 빠르게 찾을 수 없습니다.

기존 레시피 앱은 타인의 레시피가 대부분이고, 내가 직접 만든 레시피나 개선한 조리법을 기록하기 어렵습니다.

**솔루션**
나만의 레시피를 자유롭게 추가하고, 카테고리·난이도·조리시간으로 즉시 필터링할 수 있는 개인 레시피북을 제공합니다.

즐겨찾기 기능으로 자주 만드는 요리를 별도로 관리하고, 검색 기능으로 재료나 요리명을 입력하면 관련 레시피를 빠르게 찾을 수 있습니다.

**제작 과정**
24시간 MVP 프로세스를 적용하여 레시피 관리의 핵심 기능에 집중했습니다.

레시피 입력 폼을 직관적으로 설계하고(이름, 카테고리, 난이도, 시간, 재료, 조리법), 카드형 UI로 한눈에 여러 레시피를 비교할 수 있도록 했습니다.

필터링은 검색어, 카테고리, 난이도, 조리시간을 조합할 수 있도록 구현하여 "30분 이내 + 쉬운 난이도 + 한식" 같은 복합 조건 검색이 가능합니다.

Supabase를 활용해 모든 레시피가 클라우드에 저장되며, 여러 디바이스에서 접속해도 동일한 레시피북을 확인할 수 있도록 했습니다.
프로젝트 성과
24시간 내 개인 레시피 관리 시스템 구축
레시피 등록, 다중 필터링, 즐겨찾기, 검색 기능 완성. 실시간 데이터 저장 및 직관적 카드형 UI로 즉시 사용 가능
핵심 기능
레시피 등록 및 관리
이름, 카테고리(한식/중식/일식/양식/디저트), 난이도, 조리시간, 재료, 조리법 입력. 수정/삭제 자유
다중 필터링 시스템
검색어 + 카테고리 + 난이도 + 조리시간 범위 조합 필터. "30분 이내 쉬운 한식" 같은 복합 검색 가능
카드형 레시피 뷰
이모지 아이콘으로 카테고리·난이도 시각화, 조리시간·인분 한눈에 확인, 그리드 레이아웃
상세 레시피 페이지
재료 리스트, 단계별 조리법, 팁 메모, 이미지 표시. 출력 가능한 레이아웃
진행 단계
레시피 데이터 구조 설계
2026.01.
레시피 테이블(이름, 카테고리, 난이도, 조리시간, 인분, 재료, 조리법, 즐겨찾기) 스키마 설계
레시피 CRUD 구현
2026.01.
레시피 추가 폼, 카드형 목록, 상세 페이지, 수정/삭제 기능 구현. Supabase 실시간 연동
필터링 및 검색 기능
2026.01.
검색어, 카테고리, 난이도, 조리시간 범위 다중 필터, 즐겨찾기 필터 로직 구현
UI/UX 디자인
2026.01.
카드형 레시피 레이아웃, 이모지 아이콘, 반응형 그리드, 필터 사이드바 구현
배포 및 테스트
2026.01.
Vercel 배포, 실제 레시피 입력 시나리오 테스트, 모바일 최적화 검증
프로젝트 상세
**프로젝트 개요**
즐겨 만드는 요리, 배운 레시피, SNS에서 본 요리법을 한 곳에 모아 체계적으로 관리하는 디지털 레시피북입니다.

**주요 목적**
- 흩어진 레시피 정보의 통합 관리
- 카테고리·난이도·조리시간 기반 빠른 검색
- 즐겨찾기를 통한 자주 만드는 요리 추적
- 레시피 수정 및 개선 사항 기록

**핵심 기능**
- 레시피 등록: 이름, 카테고리, 난이도(쉬움/보통/어려움), 조리시간, 인분, 재료, 조리법, 이미지
- 다중 필터링: 검색어, 카테고리(한식/중식/일식/양식/디저트), 난이도, 조리시간 범위
- 즐겨찾기: 자주 만드는 레시피 별표 표시 및 필터
- 카드형 UI: 레시피 정보를 이모지와 함께 시각적으로 표시
- 상세 페이지: 재료 리스트, 단계별 조리법, 팁 메모
- 수정/삭제: 레시피 개선 사항 즉시 반영

**기술 구현**
React + Next.js 기반 SPA, Supabase PostgreSQL 실시간 데이터베이스, Tailwind CSS 카드형 반응형 디자인, 다중 조건 필터링 로직, 이미지 업로드 및 저장

**활용 시나리오**
- 가정 요리: 가족 레시피 디지털화 및 전수
- 요리 클래스: 수강한 레시피 체계적 정리
- 외식업: 메뉴 레시피 표준화 및 관리
- 1인 가구: 간편 레시피 모음집
- 요리 블로거: 개발 레시피 아카이빙

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

ne******
개발 · 팀

프로젝트 정보

참여 기간
2026.01. ~ 2026.01.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
관련 기술
Drizzle ORM
shardcn
TypeScript
PostgreSQL
vercel
React
NextJS