/Project15-C-Client-Based-Formula-Editor

🍴 수식 셰프 🍴 - 수식편집을 도와주는 브라우저 확장프로그램

Primary LanguageCSSMIT LicenseMIT

부스토랑

수식 셰프는 크롬 확장프로그램을 통해 어느 웹 사이트에서나 수식을 편집하고, 적용할 수 있는 서비스를 제공합니다. 일회성이 강한 기존 수식 편집기의 단점을 보완하여 지속가능한 수식 편집 서비스를 제공하는 것을 목표로 프로젝트를 진행하였습니다.

사진을 클릭하면 유튜브 페이지로 이동합니다

⚙️ 주요 기능

1. 수식 편집 지원

  • 적분, 삼각함수, 행렬 등의 다양한 수식을 지원
  • 키보드GUI 입력 지원


2. 수식 추천 기능 지원

  • 사용자 편리성 증진을 위해 수식 추천 기능 지원
  • '@' 입력 시, 수식 추천 리스트 생성


3. 수식 사전 제공

  • 사용 빈도가 높은 수식들로 구성된 수식 템플릿 지원
  • 주제별 필터 기능검색 기능 지원


4. 네이버 소셜 로그인 및 즐겨찾기 기능 지원

  • 네이버 소셜 로그인 지원
  • 자주 사용하는 수식을 등록 후 재사용할 수 있는 즐겨찾기 기능 지원


5. 공학용 계산기 지원

  • 기본 사칙연산을 포함한 공학용 계산 지원


6. 최소화 모드 지원

  • 사용자 편리성 증진을 위해 최소화 모드 지원
  • 최소화 모드에서는 Latex 입력 및 이미지 저장, 텍스트 저장,


7. 웹 에디터에 수식을 적용할 수 있는 클립보드 복사 기능 지원

  • 클립보드 복사 버튼 클릭 시, 웹 에디터 사이트에 Ctrl + v로 복사 가능
  • Notion, Naver Blog, Google Docs 등 다양한 사이트에 적용 가능


⚒️ 기술 스택

1

📘 Front-End : React, Typescript, Redux, Emotion, Webpack & Babel, Mathquill Library

📗 Back-End : Express, Typescript, Mysql2, TypeORM, NCloud

🗂 Directory

server
🗃 Project Folder  
📁server  
├── app.js
├── 📁src  
│   ├── 📁controllers 
│   ├── 📁entity
│   ├── 📁repository
│   ├── 📁router
│   │   ├── 📁user
│   │   └── 📁favorite
│   ├── 📁service
│   ├── 📁types
│   ├── 📁utils  
│   └──📁views
└── 📁__tests__  
client
📁client  
├── 📁public
│   ├── 📁image    
│   ├── background.js  
│   ├── content.css
│   ├── icon.png
│   ├── manifest.json
│   └── index.html
└── 📁src
    ├── App
    ├── 📁components  
    │   ├── index.tsx   
    │   ├── style.ts
    │   └── use(폴더명).ts
    ├── 📁contexts
    │   ├── index.ts   
    │   ├── 📁latex
    │   └── 📁user
    ├── 📁hooks
    ├── 📁lib  
    │   ├── 📁apis
    │   ├── 📁constants
    │   └── 📁utils
    ├── 📁pages
    └── 📁__tests__  

👩🏻‍💻 Members

🖥️ Full Stack 🖥️ Full Stack 🖥️ Full Stack 🖥️ Full Stack
image image image image
J032 김동현 J067 문건우 J073 박기호 J175 장우영
Hack Your Life 😎 코드는 이쁘게 ^_^ 🔥Inner Peace🔥 장그래

⭐ Show your support

Please ⭐️ this repository if this project helped you!