Albaform은 쉽고 빠르게 공고를 등록하고 지원할 수 있는 긱워커 플랫폼입니다.
기존에 다른 플랫폼과 차별점으로 두는 것은 복잡한 UI를 과감히 배제했고,
본질에 집중한 심플한 설계로 공고 모집과 지원 과정을 혁신적으로 간소화했습니다.
- 제작기간: 2024. 11. 21 ~ 2024. 12. 28
- 제작 인원: 4명
- 역할
- 정준영(팀장) : 랜딩페이지, 헤더 및 사이드바, 알바폼 상세페이지, 내 지원 상세페이지, react-calender 작업, 간편 로그인 및 회원가입
- 전상민 : 알바토크 페이지, 지원하기 페이지, 마이페이지, 공통 모달 작업
- 문창기 : 로그인 및 회원가입, 알바폼만들기 페이지, 알바폼수정하기 페이지, 공통 드롭다운 작업, 미들웨어 및 인스턴스 작업
- 정우영 : 알바 목록 페이지, 알바토크 글쓰기 페이지, 알바토크 상세 보기 페이지, 내 알바폼 페이지, 공통 버튼 및 공통 토스트 작업
문창기 | 정준영 | 전상민 | 정우영 |
---|---|---|---|
byeolee1221 | junjeong | venise5224 | wooy0 |
- bun 1.1.31
- jotai 2.10.3
- js-cookie 2.2.1
- next 15.0.3
- react 19.0.0-rc
- react-calendar 5.1.0
- react-hook-form 7.53.2
- zod 3.23.8
$ git clone https://github.com/sprint-9-3/albaform.git albaform
$ cd albaform
$ bun install
$ bun run dev
- 구직자와 구인자별로 서로 다른 전용페이지 접근, 서비스 분기처리를 위해 지원자와 사장님으로 구분하여 회원가입을 할 수 있습니다.
- 카카오 간편로그인을 통해 카카오의 정보를 사용하여 편리하게 회원가입을 할 수도 있습니다.
- 알바정보를 담은 알바폼을 작성하여 알바 구직자에게 노출시켜 지원받을 수 있습니다.
- 지원자가 생기면 알바폼에서 지원내역을 확인하여 이력서를 받아 확인할 수 있습니다.
- 지원자에게 진행결과를 모달을 통해 손쉽게 통지할 수 있습니다.
- 구직자는 무한스크롤로 구현된 알바목록에서 원하는 알바를 찾아서 쉽게 지원할 수 있습니다.
- 지원하지 않고 관심있는 알바를 스크랩하여 모아두고 원할 때 지원할 수 있습니다.
- 회원들끼리 알바와 관련하여 여러가지 정보를 공유할 수 있는 서비스입니다.
- 무한스크롤로 구현되어 있어 여러 게시글들을 편하게 볼 수 있으며, 심플한 UI로 회원들과 손쉽게 정보 공유를 할 수 있습니다.
- 가게위치를 단순히 글자로만 위치를 검색하는 것보다, 카카오맵을 통해 시각적으로 위치를 확인하여 정확한 위치를 알릴 수 있도록 하여 사용자 경험을 향상시키려고 했습니다.
- 구직자도 시각적인 위치 확인을 통해 보다 정확하고 신속하게 가게를 찾아갈 수 있습니다.











