CrewDock
2025년 1월 진행한 팀 프로젝트로 약 1개월간 작업하였다.
본인은 프로젝트 페이지, 관리자 페이지, 메인 페이지(배너, 스크랩)을 담당하였으며, 모든 부분 서버단과 클라이언트단 작업을 함께 진행하였다.
기획 개요
프로젝트 기반 협업을 원하는 사용자들을 연결하는 플랫폼으로, 프로젝트 팀원 모집 혹은 참여를 할 수 있는 기회를 제공.
추가적으로, 프로젝트 기반 본인의 포트폴리오를 기록하여 본인의 역량을 효과적으로 제시할 수 있는 공간 제공.
사용 기술 & API
JAVA, SpringBoot, JavaScript, React, HTML, CSS, S3, Notion, QueryDSL, Material UI, Figma, Redis, PostMan, Git API, WebClient
Main.
- 관리자가 설정한 배너가 3초마다 슬라이드 되고 버튼을 통해 넘겨볼 수 있음
- 모집중인 게시글에 대하여 스크랩하는 기능으로 스크랩 이후 본인 마이페이지에서 다음과 같이 표시됨
Projects.
- 프로젝트 페이지 메인에서 팀 캘린더및 공지사항을 표시함
- 이슈관리 탭을 통해 팀 이슈를 작성하고 수정할 수 있는 영역
- 깃 API를 통해 프로젝트 정보에 기입된 url 기반으로 커밋리스트, 풀리퀘스트, 이슈리스트를 표시
- 필터링을 통해 서버단, 프론트 단 레포지토리에 대하여 따로 조회 가능
- 팀장 권한에 따라 프로젝트에 대한 정보 및 멤버에 대한 관리를 할 수 있는 영역
Admin.
- 사용자가 사용중인 기술에 대한 통계를 표시
- 모든 항목에 대한 조회 및 수정 삭제 기능
- 새로운 스택 추가 및 배너에 대한 추가,수정,삭제,활성화 여부 업데이트
Admin EVENT.
- 관리자페이지에서 키시퀀스를 통해 커스텀 커맨드 입력시 커스텀 디자인한 LetterGlitch 표기 후 다음 주소로 이동
- 이스터에그 기능으로 타 페이지로 확대 가능하나 필요성 부족으로 인해 관리자 페이지에만 적용
이 될 사람