와글와글 소개 - boostcampwm-2022/web17-waglewagle GitHub Wiki

🚪 와글와글 : 커뮤니티 소그룹 관리 서비스


압축 새 로고

⚠️ **문제 인식**

학교, 회사 등의 커뮤니티에 같은 관심사를 가진 사람들의 소모임이 별개로 있었다.

slack 등 이미 만들어진 소모임을 운영하기 위한 서비스는 많았지만, 소모임을 만드는 과정에 집중한 서비스는 많지 않았고 소모임을 만드는 UI와 UX가 좋지 않았다.

🤔 **문제 접근**

커뮤니티 내의 관심사실시간성을 보장하는 인터랙티브한 데이터 시각화를 더해서 소모임을 만드는 과정을 흥미롭게 만들 수 있지 않을까?

🏗️ **해결 방법 제안**

**중규모 커뮤니티(50 ~ 300명)**에서의 공통 관심사 시각화를 통한 소그룹 관리 서비스

🎡 주요 기능

⚫ 데이터 시각화 - 물리엔진을 통한 2차원 버블차트 구현


데이터 시각화

  • 물리엔진를 통한 2차원 원형 배치, 버블차트
  • Trie 자료구조를 이용하여, 자동완성을 지원하는 커뮤니티 내의 키워드 검색 기능
  • short polling을 이용한 실시간 서비스

📋 관심사 키워드별 게시판 - 관심사 키워드 내의 커뮤니케이션


스레드 페이지

  • 키워드 별 게시판 기능
  • 게시판 별 실시간 유저 접속상태 확인 가능
  • 게시글 읽기 / 작성 / 삭제 기능
  • 댓글 읽기 / 작성 / 삭제 기능

🪢 키워드 추천 시스템 - 다른 유저들의 선호도를 기반으로 관심사 키워드 추천


키워드 추천

  • 협업 필터링 알고리즘을 이용한 커뮤니티 내의 키워드 추천 시스템

🦸 관리자 페이지 - 유저와 키워드 게시판 관리


관리자 페이지

  • 가입 유저 목록 확인
  • 키워드 게시판 병합 / 삭제 기능
  • 다수의 게시판 병합 시, UX를 해치지 않도록 Soft delete와 Batch 프로그램 구현

✋ 소개 페이지 - 로그인과 스크롤 애니메이션


랜딩 페이지

  • OAuth 유저 로그인 기능
  • Intersection Observer를 이용한 인터랙티브한 스크롤 애니메이션
  • dasharray와 dashoffset을 이용한 svg 애니메이션
  • Parallex 스크롤 애니메이션을 이용한 몰입감 있는 소개 페이지
⚠️ **GitHub.com Fallback** ⚠️