당근마켓 내 서비스인 당근알바 클론코딩.
가천대학교 교내 IT동아리인 Leets 4조에서 진행하는 당근알바 서비스 구축 클론코딩 프로젝트 FE 팀 레포지터리입니다.
🔗Carrot-BE 바로가기
✨4기 OH SUBIN @odukong |
✨4기 KIM MINSEO @minseoKim |
- 사업자(구인자), 일반유저(구직자)로 구분하여 자체 회원가입을 진행하며,
사업자의 경우에는 사업자인증을 진행한 후에 회원가입이 완료된다. - 로그인은 이메일과 비밀번호를 통해 자체 로그인을 진행한다.
로그인 | 회원가입 |
- 홈페이지에서 동네 알바를 확인할 수 있다.
- 검색페이지는 검색 키워드를 통해 이와 일치하는 알바를 확인할 수 있다.
- 상세페이지에서는 해당 알바에 대한 전반적인 내용(급여,시간,장소..)과 함께 사업자 정보를 확인할 수 있으며
구직자의 경우, 해당 페이지에서 알바 지원이 가능하다.
홈페이지 | 검색페이지 | 상세페이지(지원하기,구인글 삭제 기능) |
- 사업자가 구인글을 작성할 수 있는 페이지로, 글 제목, 알바정보, 이미지 등을 입력하여 구인글을 등록할 수 있다.
구인글 작성 | 구인글 작성2 |
- 구인자의 마이페이지에서는 자신이 작성한 구인글을 모아볼 수 있다.
- 특정 구인글에 지원한 지원자 목록 역시 확인할 수 있으며, 채용하기를 통해 알바를 고용할 수 있다.
구인글 모아보기 | 지원자 목록 보기 | 채용하기 |
- 구직자의 마이페이지에서는 자신이 지원한 구인글을 상태에 따라 모아볼 수 있다. (구인중, 채용완료, 불합격)
- 마이페이지에서 자신의 자기소개서 역시 수정하는 것이 가능하다.
지원리스트 보기 | 지원서 관리 | 기본정보 수정(구인자/구직자 공통) |
- 구직자는 자신이 지원하고픈 알바의 상세페이지에서 알바 지원이 가능하다.
- 중복된 알바 지원은 불가하다.
지원완료 | 중복지원 |
폴더명 | 설명 |
---|---|
public |
정적 파일들이 담긴 폴더 |
src |
대부분의 파일을 넣는 폴더 (index.js, js파일, css파일 등) |
assets |
프로젝트의 자산들을 관리하는 폴더 |
font |
font 파일들이 담긴 폴더 |
images |
image 파일들이 담긴 폴더 |
api |
서버와 데이터 통신하는 CRUD Axios가 담긴 폴더 |
components |
pages에 들어가는 부분마다의 components가 담긴 폴더 |
constants |
자주 사용되는 상수가 담긴 폴더 |
hooks |
커스텀 훅이 담긴 폴더 |
pages |
DOM에 라우팅되어 렌더링되는 페이지들이 담긴 폴더 |
store |
redux 관련 파일 폴더 |
styles |
스타일 관련 폴더 |
utils |
util함수들이 담긴 폴더 (getAccessToken..) |