열정을 함께할 동료가 필요할 때, 사이드 이펙트

개발자, 디자이너 등 누구나 쉽게 프로젝트를 시작하고, 네트워킹할 수 있는 커뮤니티 플랫폼입니다

서비스 구경하기

팀 소개

백엔드 레포

🛠️ 기술 스택

🌳 폴더 구조

.
├─apis : 백엔드 API 호출 함수 모음
│
├─components : 공용 컴포넌트 및 페이지 컴포넌트 모음
│  ├─Alarm
│  ...
│  ├─pages : 각 페이지를 구성하는 컴포넌트
│  │  ...
│  │  └─recruits
│  ...
│  └─Toast
│
├─enum : 문자열 상수화를 위한 데이터 모음
│
├─hooks : React Custom Hooks 및 React Query Hooks 모음
│  ├─common : React Custom Hooks
│  ├─mutations : mutation hooks
│  └─queries : query hooks
│
├─pages : Next.js 의 pages 라우팅 폴더
│
├─public : 앱의 정적 파일 (이미지)
│
├─store : Redux store 및 slice 모음
│
├─styles : Styled-components의 theme 및 글로벌 스타일 모음
│
├─types : API 반환값 type 모음
│
└─utils : 유틸리티 함수 모음

💻 주요 기능 및 페이지 소개

랜딩 페이지	다크모드 기능
- 모든 페이지에서 반응형 UI 지원 - 해당 서비스의 특징 및 사용법 안내 - 실시간 인기게시글 확인	- 모든 페이지에서 다크모드 지원
로그인 페이지	회원가입 하기
- 로그인 반응형 모달 - 소셜 로그인 기능	- 회원가입 기능 - 기능
마이 페이지	프로필 변경하기
- 개인 프로필 관리 - 관심 게시글 및 작성 게시물 모아보기 - 지원 현황 및 상태 확인 - 계정 탈퇴 기능	- 아바타 이미지 변경 기능 - 본인을 나타내는 해시태그 - 포지션, 경력 등의 정보 추가 및 수정 기능
프로젝트 자랑 게시글 작성하기	팀원 모집 게시글 상세 페이지
- 잘못된 데이터 입력을 에러 메시지로 경고 - 프로젝트 대표이미지 등록 가능	- 모집중인 포지션에 지원 가능 - 게시글 작성자인 경우 수정/삭제 가능 - 댓글 등록 및 수정, 삭제 가능
팀원 모집 게시판 페이지	팀원 모집 게시글 작성하기
- 게시글을 무한 스크롤 형태로 빠르게 로딩 - 원하는 기술 태그 또는 내용의 게시글 검색	- 팀원 모집 게시글 작성 기능 - 모집할 포지션 설정 및 기술 태그 검색 후 추가
알람 이벤트	게시물 관심목록 추가
- 댓글 발생 알람 기능 - 모집 게시판 참여자 발생 알람 기능	- 마이페이지 관심 목록 추가 기능
팀 관리 모달	스켈레톤 컴포넌트
- 지원자 관리 및 팀원 관리 반응형 모달	- 레이아웃 시프트 방지를 위한 스켈레톤 컴포넌트

🧑‍💻 만든 사람들

이름순

김종한	정태진	한주연