코딩은 AI에게,
바이브는 나에게
바이브코딩이 뭔가요?
코드를 한 줄도 몰라도 괜찮아요. AI에게 원하는 걸 말하면, AI가 만들어줍니다.
프롬프트 작성
만들고 싶은 것을 자연어로 설명하세요. "일기 앱 만들어줘", "Todo 리스트에 드래그 앤 드롭 추가해줘" 같은 식으로요.
AI가 코딩
Claude Code, Codex, Gemini CLI, Cursor 같은 AI 도구가 코드를 작성합니다. 마음에 들 때까지 대화하며 수정하세요.
완성 & 공유
완성된 작품을 쇼케이스에 공유하고, 다른 사람들의 바이브도 구경하세요. 같은 레시피, 다른 결과물!
이런 분께 딱!
코딩을 처음 접하는 분
문법 걱정 없이, 아이디어만 있으면 됩니다
아이디어가 넘치는 기획자
머릿속 구상을 바로 프로토타입으로 만들어보세요
사이드 프로젝트를 시작하고 싶은 개발자
AI와 함께라면 주말 하루로 충분합니다
포트폴리오가 필요한 취준생
실제 동작하는 프로젝트를 빠르게 만들어보세요
재미로 뭔가 만들고 싶은 분
게임, 유틸리티, 웹앱... 상상하는 뭐든지!
참여 방법
4단계만 따라하면 끝!
레시피 선택
난이도와 관심 기술로 필터링하여 도전할 레시피를 고르세요. 입문부터 고급까지 다양한 레시피가 준비되어 있어요.
AI와 대화하며 구현
레시피의 단계별 프롬프트를 참고해 AI 도구와 대화하세요. Claude Code, Codex, Gemini CLI, Cursor 등 원하는 도구를 사용하면 됩니다.
결과물 제출
완성된 결과물의 스크린샷과 배포 URL을 제출하세요. 소스코드 링크도 함께 올리면 더 좋아요!
쇼케이스에서 공유
제출된 작품은 자동으로 쇼케이스에 등록됩니다. 다른 사람들의 반응을 받고, 같은 레시피의 다른 결과물도 구경하세요!
인기 레시피 TOP 3
제출이 가장 많은 인기 레시피를 확인해보세요
실시간 경매 플랫폼 - 입찰 전쟁 & 낙찰 알림
## 🔨 실시간 경매 플랫폼 온라인 경매의 긴장감과 흥미를 그대로 구현한 풀스택 경매 시스템입니다. Laravel 13.x + Blade + Reverb(WebSocket)을 활용하여 실시간 입찰, 자동 연장, 낙찰 알림까지 완벽하게 구현합니다. ### 핵심 기능 - **실시간 입찰 시스템**: Laravel Reverb로 WebSocket 구현, 모든 참가자에게 즉시 입찰가 업데이트 - **경매 상품 관리**: 판매자가 상품 등록, 시작가/즉시구매가 설정, 이미지 업로드 - **자동 마감 연장**: 마감 5분 전 입찰 시 자동으로 5분 연장 (스나이핑 방지) - **입찰 히스토리**: 각 상품별 입찰 기록 타임라인, 입찰자별 히스토리 조회 - **낙찰 알림**: 경매 종료 시 낙찰자에게 이메일 & 인앱 알림 자동 발송 - **입찰 제한**: 최소 입찰 단위 설정, 본인 최고가 재입찰 방지, 잔액 검증 - **실시간 참여자 수**: 현재 상품 페이지를 보고 있는 사용자 수 표시 - **경매 상태 관리**: 예정/진행중/종료 상태별 필터링 및 자동 상태 전환 ### 기술 스택 - **백엔드**: Laravel 13.x + SQLite/MySQL + Queue + Reverb(WebSocket) - **프론트엔드**: Blade 템플릿 + Tailwind CSS + Alpine.js - **실시간**: Laravel Reverb(WebSocket) + Laravel Echo - **인증**: Laravel Breeze (Blade) - **알림**: Laravel Notification + Mail + Database - **스케줄링**: Laravel Scheduler로 경매 자동 종료 처리 ### 보너스 기능 - 입찰 전 보증금 예치 시스템 - 자동 입찰 에이전트 (최대 금액 설정 시 자동으로 입찰) - 경매 카테고리별 필터링 및 검색 - 판매자 신뢰도 평가 시스템 - 낙찰 후 결제 연동 (Stripe/Toss Payments) - 입찰 통계 대시보드 (판매자용) - 관심 상품 알림 (경매 시작 10분 전 푸시) - Redis 캐싱으로 실시간 조회수 최적화
영화 리뷰 북마크 - 나만의 감상 노트
# 영화 리뷰 북마크 만들기 좋아하는 영화를 기록하고 간단한 리뷰를 남길 수 있는 북마크 애플리케이션입니다. Laravel 12.x의 기본 기능만으로 영화 제목, 감상평, 별점을 저장하고 조회할 수 있습니다. ## 필수 기능 - 영화 추가 폼 (제목, 감독, 개봉년도, 별점, 한줄평) - 저장된 영화 목록 카드 형태로 표시 - 별점 시각화 (⭐ 이모지 또는 CSS 별 표시) - 영화 삭제 기능 - 간단한 반응형 디자인 (Tailwind CSS 사용) - SQLite 데이터베이스 사용 ## 보너스 기능 - 별점별 필터링 (5점만 보기, 4점 이상 보기 등) - 영화 포스터 URL 입력 및 이미지 표시 - 감상 날짜 자동 기록 - 개봉년도 순 정렬 ## 학습 목표 - Laravel의 기본 MVC 패턴 이해 - Blade 템플릿 엔진 사용법 - 마이그레이션을 통한 데이터베이스 테이블 생성 - 간단한 CRUD 작업 (Create, Read, Delete) - Tailwind CSS를 활용한 UI 구성
간단한 가계부 - 수입/지출 한눈에 보기
## 프로젝트 개요 매일의 수입과 지출을 기록하고, 한 달 동안의 재정 상태를 한눈에 확인할 수 있는 간단한 가계부 웹 애플리케이션을 만듭니다. ## 필수 기능 - **거래 내역 추가**: 날짜, 카테고리(식비/교통비/쇼핑/수입 등), 금액, 메모를 입력하여 거래 기록 - **수입/지출 구분**: 라디오 버튼이나 선택 옵션으로 수입과 지출을 구분 - **거래 내역 목록**: 등록한 모든 거래를 날짜순으로 표시 (최신순) - **잔액 요약**: 상단에 총 수입, 총 지출, 현재 잔액을 실시간으로 계산하여 표시 - **거래 삭제**: 각 거래 항목에 삭제 버튼을 추가하여 잘못 입력한 내역 제거 가능 - **카테고리별 색상**: 카테고리에 따라 다른 색상으로 구분 (예: 식비-주황, 교통비-파랑, 수입-초록) ## 보너스 기능 (선택) - 이번 달 거래만 필터링하는 기능 - 카테고리별 지출 비율을 간단한 텍스트로 표시 - LocalStorage를 사용하여 새로고침 후에도 데이터 유지 ## 기술 스택 - **백엔드**: Laravel 12.x (PHP 8.3+) - **프론트엔드**: Blade 템플릿, Tailwind CSS - **데이터베이스**: SQLite (간단한 설정) - **추가 라이브러리**: Alpine.js (선택적, 간단한 인터랙션용) 이 프로젝트는 Laravel의 기본 CRUD 기능을 배우기에 완벽한 입문 과제입니다. 데이터베이스 마이그레이션, 모델, 컨트롤러, 뷰의 기본 흐름을 이해할 수 있습니다.
최근 작품들
바이브코딩으로 탄생한 최신 작품을 확인해보세요
그누보드7 자산 원장 모듈, glitter-economy
포인트/예치금/보증금/정산 등 다양한 잔액과 거래를 관리하는 범용 지갑·원장 시스템
그누보드7 팝업스토어 예약 모듈 - glitter-reservation_popup
코어 수정 없이 붙여 사용하는 그누보드7 팝업스토어 예약 모듈로, 이벤트/회차/예약/취소/QR 체크인까지 이어지는 전체 운영 흐름을 모듈 단위로 제공합니다.
BidWar - 실시간 경매 플랫폼
실시간으로 입찰 경쟁을 펼칠 수 있는 라이브 경매 시스템
팝업스토어 예약 플랫폼
한정판 상품을 위한 실시간 예약 시스템과 대기열 관리 기능을 제공하는 팝업스토어 예약 플랫폼
공동구매 모집 플랫폼
함께 사면 더 저렴해지는 공동구매를 쉽게 모집하고 참여할 수 있는 플랫폼
미니 온라인 마켓 - Inertia 버전
상품 필터링과 장바구니 기능을 갖춘 미니 온라인 쇼핑몰 프로젝트