Skip to content

Latest commit

 

History

History
163 lines (119 loc) · 5.49 KB

README.md

File metadata and controls

163 lines (119 loc) · 5.49 KB

배민 문구사 🧸

banner

License GitHub tag (latest by date)

우아한 테크캠프 마지막 프로젝트 - 배민 문구사

Contributors

Contributor Nickname Introduce
박기덕 침착맨 개......발
서그림 매의눈 개발하다가 죽자!
손원우 끝판왕 메멘토 모리
윤민상 강철체력 올해 취직!!

Tech Stacks

React TypeScript NodeJS Styled Components Express.js Webpack MySQL AWS

Project Structure

structure

🔥 client🔥
├─public
│ ├─index.html (기본 HTML)
│ └─favicon.ico (파비콘)
├─src
│ ├─assets (이미지, 폰트 등)
│ ├─constants (상수, 라우트 경로)
│ ├─styles (글로벌 스타일)
│ ├─lib (리액트 라우터, styled-components)
│ ├─components (컴포넌트 like view)
│ ├─containers (like vm)
│ ├─pages (페이지)
│ ├─store (redux 모듈)
│ ├─saga (saga 함수)
│ ├─types (ts 공통 타입, 인터페이스)
│ ├─hooks (커스텀 훅)
│ ├─utils (공통 유틸 함수)
│ │ └─api (api axios 요청)
│ ├─index.tsx
│ └─App.tsx
├─config
│ ├─webpack.common.js
│ ├─webpack.dev.js
│ └─webpack.prod.js
├─package.json
├─tsconfig.json
├─jest.config.js
├─.eslintrc.json
└─.prettierrc

🔥 server🔥
├── src
│ ├─config (db설정, dotenv 등)
│ ├─loaders (설정 불러오기)
│ ├─middlewares (미들웨어)
│ ├─routes (라우트)
│ ├─controllers (컨트롤러 / controller)
│ ├─services (데이터 가공 / service)
│ ├─repositories (쿼리문 / dao)
│ ├─models (모델 / dto)
│ ├─validation (req.body query parameter 값 검증)
│ ├─types (ts 공통 타입, 인터페이스)
│ ├─utils (공통되는 작은 함수)
│ │ └─error (에러 처리)
│ └─app.ts
├─package.json
├─tsconfig.json
├─.eslintrc.json
├─.prettierrc
└─.env

Database ERD

ERD

Getting Started

Prerequisites

server 디렉토리의 .mock.env 파일을 참고하여 .env 파일을 생성해주세요. (개발 모드 : .env.dev)

웹 어플리케이션

# Development
$ cd client && yarn start

# Production
$ cd client && yarn run build

API 서버

# Development
$ cd server && yarn start

# Production
$ cd server && yarn deploy

Preview

Main Page & Login

preview preview

Item Search

preview preview

Item Detail

preview preview preview

My Page

preview preview

Cart & Order

preview preview

Mobile Also

mobile mobile mobile mobile mobile

See Also

LICENSE

MIT License © edegiil negu63 Seogeurim yoonminsang