Skip to content

🌌 밤하늘의 별빛처럼, 자유로운 인터랙션 실시간 에디터

Notifications You must be signed in to change notification settings

boostcampwm-2024/web33-Nocta

This branch is 15 commits behind dev.

Folders and files

NameName
Last commit message
Last commit date
Nov 21, 2024
Nov 9, 2024
Dec 4, 2024
Dec 5, 2024
Dec 2, 2024
Dec 4, 2024
Nov 21, 2024
Nov 10, 2024
Dec 2, 2024
Nov 13, 2024
Nov 28, 2024
Nov 11, 2024
Nov 14, 2024
Dec 2, 2024
Nov 14, 2024
Nov 3, 2024

Repository files navigation

📑 문서 작성이 더 편하고 즐거워진다

배포 사이트

🤔 하나의 문서를 작성하면서 다른 문서도 함께 보고 싶었던 적 있으신가요?

문서 작성할 때 여러 창을 띄워두고 번거롭게 작업하셨던 불편함이 있었죠.

기존 에디터들은 하나의 창에 갇혀있어서, 참고할 내용이 있을 때마다 창을 이동해야 했어요.

Nocta는 에디터에 새로운 바람을 불어넣었어요.

탭 브라우징으로 여러 문서를 자유롭게 넘나들 수 있고, 인터랙티브한 요소들로 문서 작성이 더 흥미롭게 변화됩니다.

Nocta에서 단순한 기록을 넘어, 새로운 글쓰기 경험을 시작하세요.

노션

기획 | 디자인

개발위키 | DB스키마 | 백로그

그라운드룰 | 스크럼회의록 | 스프린트회의록 | 회고록

🚩 목차

✨ Nocta만의 차별점

1. 탭 브라우징: 최소화 최대화 리사이즈

각각의 문서를 탭브라우징 방식으로 관리할 수 있습니다. 크기를 조절하거나 드래그 앤 드랍을 통해 원하는 위치에 위치시킬 수 있습니다.

tab

2. 인터랙티브 텍스트

텍스트 블럭에 인터랙티브한 속성을 부여할 수 있습니다. 하이라이트, 그라데이션 등의 속성이 존재합니다.

Animation2

🌙 Noca의 특징

실시간 마크다운 편집

외부 라이브러리 없이 직접 구현한 마크다운 알고리즘 을 통해 마크다운 문법을 입력하면 실시간으로 마크다운 문법으로 변환합니다. 리치 텍스트 기반의 편집기로 다양한 마크다운 문법과 스타일, 텍스트 색상을 적용할 수 있습니다.

rich

실시간 동시편집

외부 라이브러리 없이 직접 구현한 CRDT 알고리즘을 통해 하나의 문서를 여러 사용자가 동시에 편집이 가능합니다. 실시간 변경사항을 모든 사용자에게 반영합니다.

ezgif com-video-to-gif-converter

🔧 기술 스택

Common

Frontend

Backend

Infra

시스템 아키텍처 다이어그램

제목 없음-2024-07-18-1129_2

📅 프로젝트 기간

2024.10.28 ~ 2024.12.06 (6주)


🌱 팀원 소개

J078 J098 J099 J213
FE+BE FE+BE BE+Infra FE
김현훈 민연규 민정우 장서윤

🚀 프로젝트 시작 가이드

환경변수는 /client, /server 폴더에 있는 .env.sample 파일을 참고해주시기 바랍니다. * 추가예정

# 저장소 복제
git clone https://github.com/boostcampwm-2024/web33-boostproject.git

# 의존성 설치
pnpm install

# 프로덕션 빌드
pnpm run build

# 프로젝트 개발 모드 실행
# Frontend: http://localhost:5173/
# Backend: http://localhost:3000/
pnpm run dev

# 프로젝트 Docker 빌드 후 실행 (http://localhost/)
docker-compose up -d --build

About

🌌 밤하늘의 별빛처럼, 자유로운 인터랙션 실시간 에디터

Resources

Stars

Watchers

Forks

Packages

No packages published