TIL #57 | 최종 프로젝트 MVP 기획

MVP란?

MVP(Minimum Viable Product) : 최소 기능 구현 제품

제품의 기능(Feature)에만 집중하기보다는, 실제로 고객들이 중요하다고 생각하는 목표(Goal)를 우선적으로 고려하고 이를 해결하려는 목적에서 MVP를 제작해야 한다.

프로젝트 목표

개발자들이 포트폴리오를 위해 아이디어 좋은 프로젝트를 찾거나, 프로젝트의 팀 구성을 위해 개발자를 모집할 수 있는 플랫폼을 제공하자!

개발 스택

• 프레임워크: Next.js - app router 사용
• 개발 언어: Typescript
• CSS 프레임워크: tailwind
• 서버 상태 관리: tanstack/React Query
• 클라이언트 상태 관리: Redux toolkit
• CSS 라이브러리: antd, chakra
• Database: supabase

화면 구성 및 주요 기능

1. 로그인
   1. supabase 소셜 로그인 기능
   2. supabase Using triggers을 사용한 유저 정보 테이블 구성
2. 메인 페이지
   1. 프로젝트 구인
      1. 프로젝트를 진행하면서 참여할 개발자를 구인
   2. 프로젝트에 참여할 유저 리스트
   3. 기술 스택 별 필터링 카테고리
   4. 정렬 (최신순, 찜한 순 등)
3. 프로젝트 구인 상세 페이지
   1. 프로젝트 구인 제목, 내용, 태그, 구인 인원 등의 정보
   2. 질문 및 답변
   3. 프로젝트 참여하기 신청 및 수락
      1. 참여한 목록은 게시물을 올린 유저에게만 보이기
      2. 프로필 클릭 시 프로필 페이지 이동
4. 프로필 페이지
   1. 프로필 정보(사용자 정보, 자기소개 등) 표시 및 수정 기능
   2. 사용자 활성 표시 (프로젝트 참여중, 구인중, 지원중 등)
   3. 유저 게시물 목록
   4. 찜한 프로젝트 목록
5. 작성 페이지
   1. Editor 라이브러리 tiptap 사용
   2. 기술 태그 추가
   3. 제목 및 프로젝트 구인 내용(프로젝트 의도, 목적, 구인 인원)