Delivious

• 서빙 로봇을 위해 최적화된 키오스크 서비스

• 기능

  • 매장 관리자의 메뉴 및 카테고리 관리

  

  메뉴를 추가,수정, 삭제 가능

  • 메뉴 주문

  

  메뉴에서 이미지 클릭을 통해 장바구니에 추가 가능, 장바구니 내 수량 조절로 삭제 가능

  • 가맹 매장 이용자의 주문 목록 조회 및 상태 조회

  

  사용자 주문 히스토리 목록

  

  주문 히스토리 상세 확인 가능

  • 매장 관리자의 주문 상태 관리

  

  주문을 확인하고 음식을 보내는 기능이 가능, 상태 확인 가능

• Backend: 17개의 API 구현 - 4개의 도메인

• Frontend: 16 pages

project structure

Backend 패키지 구조

백엔드의 경우 클래스의 기능과 역할에 따라 Users, Orders, Category, Menu로 도메인별 패키지를 구성하였다. 기능별 구성이 재사용이 좋고, 관련된 코드들이 모여있다보니 변수, 클래스 이름들을 빠르게 파악할 수 있었다.

사용한 라이브러리

1. Frontend-React

• tailwind

  쉬운 반응형 페이지와 CSS를 따로 추가할 필요없이 클래스에 바로 적용가능.

• eslint

  코드 규칙이 어긋나는 오류 수정 가능

• prettier

  깔끔한 코드로 가독성 향상, 코드 스타일을 일관되게 관리 가능

• typescript

  변수나 객체를 타입으로 지정가능, 타입관련 에러 에러 예방

• zustand

  상태관리를 위해 사용

2. Backend