Project18-C-Bootion

Bootion : The Notion Clone

🖥 데모

http://bootion.kro.kr/

drag & drop

형제 "Block" 간 위치 이동	부모 - 자식 "Block" 간 위치 이동

블록 타입 변경

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

키보드 Interaction

"/" 헤딩 형 "Block" 변경	"/" 리스트 형 "Block" 변경

"Enter" 입력	"Backspace" 입력

"Tab" 입력	"Shift" + "Tab" 입력

모달 Interaction

"+" 버튼 클릭

실시간 동시 편집

⚙️ 기술 스택

🔗 인프라 구조

🗂 프로젝트 구조

.
├── 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