Cafe Noctem Project

☕ 프로젝트 소개

본 프로젝트는 스파로스 아카데미 1기에서 2차 프로젝트로 진행한 카페 스마트 오더 서비스입니다.

• Noctem조의 프론트엔드 사용자 앱 저장소입니다.
• 카페 모바일 애플리케이션 주제의 프로젝트
• 프로젝트 기간 : 2022.09.13 ~ 2022.11.11 (2개월)
• 인원 : FrontEnd 3명, BackEnd 2명

Project Repositories

FrontEnd

FrontEnd Repository 목록 상세보기

Service	Github Repository	Description
user	user	유저 페이지입니다.
admin	admin	매장 페이지입니다.

BackEnd

BackEnd Repository 목록 상세보기

Server	Github Repository	Description	Spring Boot
eureka	eureka	각 서버들에 대해 Discovery, Registry 역할을 수행해주는 서버	2.7.4
gateway	gateway	요청을 각 서버들로 라우팅시켜주는 게이트웨이 서버	2.7.4
config	config	각 서버들의 설정 파일을 관리하고 적용해주는 config 서버	2.7.4
batch	batch	주기적으로 통계데이터를 처리하는 배치 서버	2.7.4
alert	alert	SSE 알림기능 구현을 위한 알림 서버	2.7.5
user	user	유저에 관한 서비스를 처리하는 서버	2.6.8
store	store	매장에 관한 서비스를 처리하는 서버	2.6.8
menu	menu	메뉴에 관한 서비스를 처리하는 서버	2.7.4
purchase	purchase	결제에 관한 서비스를 처리하는 서버	2.6.8
admin	admin	관리자에 관한 서비스를 처리하는 서버	2.6.8

 

☕ Demo

https://www.youtube.com/watch?v=7qt26Y83_nU

 

☕ 시스템 아키텍처

 

☕ 개발환경

> npm (v8.15.0)
> node (v16.16.0)
> react (v18.2.0)
> next (v12.3.1)
> typescript (v4.8.3)

설치 및 실행

$ npm install
$ npm run start

 

☕ 사용 기술

Frontend

           

Backend

             

DB

   

Deployment

     

Tools

         

 

📍 디렉터리 구조

├─ ... # 환경설정 파일들
├─ README.md
├─ pages # page 컴포넌트 폴더
├─ public
│   └─ assets # 데이터, 이미지, SVG 관리 폴더
├─ styles # style 폴더
└─ src
    ├─ components
    │   └─ ... # 컴포넌트 폴더
    ├─ store
    │   ├─ api # api 폴더
    │   ├─ atom # recoil 폴더
    │   └─ util # util 폴더
    └─ types # TypeScript type 폴더