프로젝트 소개
배달비를 엔빵하자!
혼자 배달 시켜먹기에는 양도 많고 배달비도 부담 되시나요?
원하는 파티를 만들거나 찾아 보세요!
팀원 소개 ✨
| 권재호 | 김건호 | 주현경 | 박태준 |
|---|---|---|---|
 |
 |
 |
 |
엔빵 하러 가기
주요 기능
🍞 파티 찾기
- 검색기능을 통해 원하는 파티를 찾을 수 있습니다.
- 필터기능을 사용하여 지역별, 위시리스트 등을 적용하여 파티를 검색할 수 있습니다.
- 원하는 파티에 참여할 수 있습니다.
- 맘에드는 파티를 위시리스트에 등록할 수 있습니다.
🍞 채팅방
- 파티에 참여한 인원들끼리 채팅을 할 수 있습니다.
- 읽지 않은 사람 수를 확인할 수 있습니다.
- 사진 전송을 할 수 있습니다.
- 다른 페이지에 있을때 채팅이 도착하면 알람을 보냅니다.
- 빵판을 열어서 배달비를 입력하고 파티원과 정산을 합니다.
🍞 빵판
- 파티원마다 금액을 입력할 수 있습니다.
- 계좌번호를 입력하고 복사해서 사용할 수 있습니다.
- 배달비를 입력하여 정산에 포함할 수 있습니다.
🍞 소셜 로그인
🍞 파티 만들기
- 배달 주문을 같이 할 사람을 찾는 파티를 만들 수 있습니다.
- 파티마다 해시태그를 지정할 수 있습니다.
🍞 나의 파티 목록
- 자신이 포함된 파티의 목록을 확인할 수 있습니다.
- 파티별로 읽지않은 채팅의 개수를 확인할 수 있습니다.
🍞 마이페이지
기술 스택
Frontend
Backend
Server
Common
도전
프론트엔드에서는 이런점을 고려하였어요!
- 재사용성을 고려한 React Component의 설계
- Custom Hook을 이용한 복잡한 Logic 분리
- React Router v6의 최신문법을 사용하여 라우팅 설계
- 라이브러리 없이 react-hooks API만을 사용한 구현
- React Suspense를 이용한 로그인 비동기 처리
- IntersectionObserver를 이용한 무한 스크롤을 도입해 UX 향상
- 미디어 쿼리를 이용한 모바일 반응형 UI
백엔드에서는 이런점을 고려하였어요!
- 스프링 코드 명확하게 이해하고 사용
- 쿼리 최적화를 고려한 JPA 사용
- JAVA 8 문법 사용
- 도메인 주도 설계
- 재사용성을 고려한 코드 설계
- 일관성, 사용성을 고려한 API 설계
- 성능 최적화를 고려한 코드 설계
- 개발 단계에 프론트엔드가 aws api 서버 사용할 수 있도록 운영
- Springdoc Swagger-ui 를 이용해 api 설명과 시험 사용 제공