DevPorest - 개발자들을 위한 포트폴리오의 모든 것

설명

DevPorest는 개발자들이 자신의 포트폴리오를 쉽게 관리하고 다른 개발자들의 작업을 탐색할 수 있는 플랫폼입니다. 기존 채용 사이트의 한계를 극복하고, 포트폴리오와 채용 정보를 통합하여 개발자들이 필요한 정보를 쉽게 찾을 수 있도록 돕습니다.

목차

• 기능
• 사용법
• 기여

선정 이유

기존 채용 사이트의 프로필 중심 정보의 장단점을 분석하여, DevPorest는 다음과 같은 문제를 해결하고자 합니다:

💡 기존 채용 사이트의 프로필 중심 정보

기존 사이트의 단점

프로필 중심 정보

• 접근성 저하: 기업 로그인이 필요해 포트폴리오에 대한 접근성이 낮음
• 검색 번거로움: 기술 스택으로 검색하기가 불편함

다양한 포트폴리오의 장점

💭아이디어 재생산성 증가: 다양한 포트폴리오를 통해 새로운 아이디어를 얻을 수 있는 기회 증가

💡영감 제공: 다른 개발자들의 작업을 통해 영감을 받을 수 있음

🆕최신 트렌드 파악: 다양한 포트폴리오를 통해 업계의 최신 트렌드를 파악할 수 있음

👥네트워킹 기회: 포트폴리오를 통한 네트워킹으로 협업 기회를 창출

기능

1. 포트폴리오 관리

• CRUD 기능: 포트폴리오를 게시하는 유저는 생성(Create), 읽기(Read), 수정(Update), 삭제(Delete) 기능을 모두 사용할 수 있음
• 댓글 기능: 열람하는 유저는 포트폴리오에 댓글을 남길 수 있음
• 북마크 기능: 유저는 마음에 드는 포트폴리오를 북마크할 수 있음
• 조회수 카운트: 각 포트폴리오의 조회 수 반영
• 공유 기능: 포트폴리오를 다른 사람과 공유 가능
• 태그 기능: 포트폴리오에 태그를 포함시켜 태그로 검색 가능

2. 유저 프로필 정보

• 포트폴리오 모아보기: 해당 유저가 작성한 포트폴리오를 한눈에 볼 수 있음
• 팔로우 기능: 다른 유저를 팔로우하고 팔로우한 유저의 글을 모아볼 수 있음
• 연락하기 기능: 유저와 직접 연락할 수 있는 기능 제공

3. 기술 스택별 필터링 및 검색 기능

• 원하는 기술 스택에 따라 포트폴리오와 채용 정보를 검색하고 필터링

4. 비회원 이용 제한

• 로그인하지 않은 사용자는 포트폴리오를 읽기만 할 수 있으며, 댓글 등의 상호작용은 제한

5. 인기 유저 추천 기능

• 북마크가 많이 된 유저를 기준으로 인기 있는 유저를 추천

6. 기술 스택 분석 기능

• 어느 기술 스택이 가장 주목받고 있는지 표로 제공

사용법

0. 메인페이지

1. 로그인: 우측 상단 로그인 버튼으로 로그인페이지에 진입이 가능합니다.

2. 프로필 등록: 프로필이 없는 유저는 프로필 등록 페이지로 이동합니다.

2-1. 다음과 같이 프로필을 등록합니다.

3. 프로필 등록이 완료되면 메인페이지로 이동합니다.

3-1. 상단에는 가장 좋아요를 많이 받은 포트폴리오가 노출됩니다.

• 클릭시 디테일 페이지로 이동합니다.

3-2. 직무별, 기술스택별로 필터링이 가능합니다.

• 'Javascript'로 필터링된 화면

  

3-3. 인기가 가장 많은 개발자의 프로필이 노출됩니다.

• 클릭시 프로필 페이지로 이동합니다.

3-4. 사용된 기술스택 통계를 보여줍니다.

• 기술스택을 클릭시 검색 페이지로 이동합니다.

4. 프로필 페이지

4-1. 개발자의 프로필을 확인할 수 있습니다.

• 개발자의 포트폴리오를 모아보거나 좋아요를 누른 포트폴리오를 확인할 수 있습니다.

5. 검색 페이지: 메인페이지의 상단 헤더로 검색시 검색 페이지로 이동합니다,

• 개발자로 검색한 화면

  

5-1. 페이지네이션을 통해 모든 포트폴리오를 확인할 수 있습니다.

5-2. 직무별, 기술스택별로 포트폴리오를 필터링 할 수 있습니다.

• Frontend Developer로 필터링한 화면

  

6. 포트폴리오 등록: 헤더의 프로필 이미지를 클릭하면 포트폴리오를 등록할 수 있습니다.

6-1. 다음과 같이 내용을 입력 후 포트폴리오를 등록할 수 있습니다.

7. 디테일 페이지: 포트폴리오를 클릭하면 디테일 페이지로 이동합니다.

• 조회수, 좋아요, 댓글 수를 확인할 수 있습니다.

• 링크를 클릭하면 해당 링크로 이동합니다.

  

7-1. 태그를 클릭하면 검색페이지로 이동합니다.

• 'server' 태그를 클릭한 화면

  

7-2. 좋아요, 공유하기, PDF로 내보내기 기능을 지원합니다.

• 공유하기를 클릭하면 현재 URL이 클립보드에 복사됩니다.

• PDF로 내보내기를 클릭하면 현재 화면이 PDF 파일로 저장됩니다.

7-3. 댓글 작성, 수정, 삭제

• 댓글은 로그인된 사용자만 작성할 수 있습니다. (+ 좋아요 또한 로그인 된 사용자만 누를 수 있습니다.)

  

• 댓글을 수정할 수 있습니다.

  

• 댓글을 삭제할 수 있습니다.

  

기여

1. 채승규(https://github.com/csk6314) - 백엔드, 프론트엔드
2. 신아진(https://github.com/dalsu0222) - 백엔드, 프론트엔드
3. 고종원(https://github.com/Eugeeun) - 프론트엔드
4. 김주영(https://github.com/djm06294) - 프론트엔드
5. 남원일(https://github.com/wonill) - 프론트엔드

참고 사이트

• 노트폴리오
• 브런치스토리

디자인

• 피그마