개발자 포트폴리오 큐레이션 플랫폼 기획안 | Notion

백엔드 개발자가 없는 상황

→ 서버 구축 대신 Firebase나 Supabase 같은 BaaS를 활용하거나, 아예 정적 데이터를 활용하는 전략

프로젝트명: DevFolio (데브폴리오)

"개발자의 첫인상, 한 곳에서 모아보고 영감을 얻다"

1. 서비스 개요

타겟 유저: 포트폴리오 참고가 필요한 취준생, 신입 개발자를 채용하고자 하는 HR 담당자
핵심 가치: 복잡한 기능보다는 보기 좋은 UI와 직관적인 필터링에 집중하여 프론트엔드 역량을 극대화함
기술적 도전: 외부 API 연동, 반응형 디자인, 상태 관리를 통한 필터링 시스템 구현

2. MVP (최소 기능 제품)

2주라는 기한을 맞추기 위해 '로그인/회원가입' 같은 무거운 기능은 과감히 생략하거나 소셜 로그인으로 대체하고, 조회(Read) 기능에 집중

구분	주요 기능	상세 설명
메인 페이지	큐레이션 리스트	카드 형태의 포트폴리오 목록 (썸네일, 이름, 기술 스택 포함)
검색/필터 기능	태그 필터링	React, Vue, TypeScript 등 기술 스택별로 포트폴리오 분류
상세 페이지	포트폴리오 뷰어	선택한 포트폴리오의 상세 설명, GitHub 링크, 배포 URL 연결
등록 페이지	간단한 등록 폼	(Firebase 활용 시) 구글 폼처럼 자신의 포트폴리오 정보를 입력하여 등록

3. 백엔드 없이 구현하는 전략

다음 두 가지 방법 중 하나 선택

JSON 데이터 활용 (쉬움):
- 팀원들의 포트폴리오 정보를 data.json 파일에 미리 저장해두고, 이를 화면에 불러와서 렌더링
- 장점: 서버 오류 걱정 제로, 프론트 로직(필터링, 검색)에만 집중 가능
Supabase / Firebase 활용 (추천):
- 별도의 서버 코드(Node.js 등) 없이 DB를 사용할 수 있는 서비스
- 장점: "실제 데이터를 넣고 빼는 기능"을 구현했다는 점에서 기술 면접 시 좋은 점수를 얻음

4. 2주 개발 로드맵

주차	단계	주요 과업
1주차	기획 & 디자인	- 와이어프레임 작성 (Figma)

JSON 데이터 구조 설계
팀원별 공통 컴포넌트(Button, Card, Input) 분담 | | 2주차 | 개발 & 배포 | - 메인/상세/필터링 기능 구현
팀원 개인 포트폴리오 링크 연결
Vercel 또는 Netlify를 통한 배포 |