/Project18-C-Bootion

🛠🏃‍♂️생산성 협업 문서 앱 🄽Notion 클론 프로젝트👯‍♀️🄱

Primary LanguageTypeScriptMIT LicenseMIT

Project18-C-Bootion

Bootion : The Notion Clone

NodeJS typescript javascript

react express webpack @babel/core

jest storybook Docker MongoDB

GitHub Open Issues GitHub Closed Issues GitHub Open PR GitHub Closed PR

License stars

🖥 데모

http://bootion.kro.kr/

drag & drop

형제 "Block" 간 위치 이동 부모 - 자식 "Block" 간 위치 이동
drag-drop-1 drag-drop-2

블록 타입 변경

헤딩 형 "Block" 변경 리스트 형 "Block" 변경
heading list

키보드 Interaction

"/" 헤딩 형 "Block" 변경 "/" 리스트 형 "Block" 변경
heading-modal list-modal
"Enter" 입력 "Backspace" 입력
Enter backspace
"Tab" 입력 "Shift" + "Tab" 입력
tab shiftTab

모달 Interaction

"+" 버튼 클릭
block-handler

실시간 동시 편집
sync

⚙️ 기술 스택

무제

🔗 인프라 구조

인프라_구조

🗂 프로젝트 구조

.
├── frontend(client)
│   ├── public
│   ├── src
│   │   ├── components
│   │   │   ├── atoms
│   │   │   ├── molecules
│   │   │   ├── organisms
│   │   │   └── pages
│   │   │
│   │   ├── assets
│   │   ├── hooks
│   │   ├── stores
│   │   ├── utils
│   │   │
│   │   ├── App.tsx
│   │   ├── schemes.ts
│   │   └── index.tsx
│   │
│   ├── .storybook
│   │
│   ├── nginx
│   │   └── nginx.conf
│   │
│   └── Dockerfile
│
├── backend(server)
│   ├── src
│   │   ├── routes
│   │   ├── middlewares
│   │   ├── aops
│   │   ├── controllers
│   │   ├── services
│   │   ├── models
│   │   ├── utils
│   │   │
│   │   ├── App.ts
│   │   └── www.ts
│   │
│   ├── test
│   │   └── services
│   │
│   ├── config
│   │   └── webpack.config.js
│   │
│   └── Dockerfile
│
└── docker-compose.yml

👩🏻‍💻 참여 개발자 🧑🏻‍💻

👩🏻‍💻 이소정 🧑🏻‍💻 김남진 🧑🏻‍💻 시경덕
이소정 김남진 시경덕
@YiSoJeong @domino8788 @skid901