TTingmap

✨ TTingmap을 체험해 보세요 ✨

	목차
1	서비스 소개
2	사용기술
3	핵심 기능
4	기술 스택
5	기타 사항

🎨 서비스 소개

띵맵은 마인드 맵을 만들 수 있는 웹사이트입니다

페이지 디자인

🧪 구현 현황

• 메인 페이지 디자인, 구현
• 그래프 Create, Update, Delete 기능
• Local Storage에 데이터 저장
• 마인드 맵 export 기능 구현
• 그래프 스타일링

🛠 사용기술

• React
• JavaScript
• Cytoscape(Cytoscape / react-cytoscape)
• recoil
• Styled-Component, Styled-reset
• React-Router-Dom
• react-helmet

💎 핵심 기능

• 그래프 표현(cytoscape)

  • cytoscape
  • react-cytoscape

• 그래프 저장

  • LocalStorage

🚀 동작 시연

21.12.31 기준

Interection

Create

Node Create

Edge Create

Delete

Update

⚙ 기타 사항

글꼴, 이미지 소스

• 글꼴 [나눔고딕]
• 개발과정