Skip to content

Fast and convenient club website builder & management solution ⚙️

Notifications You must be signed in to change notification settings

circlesapp/circles

Repository files navigation

circles.

circles.

  1. 소개
  2. 기술 스택
  3. 기능 소개
  4. 구경하기
  5. 설치하기
  6. 개발하기
  7. 빌드하기
  8. 기여하기

소개

빠르고 편리한 동아리 웹사이트 빌더 & 동아리 관리 솔루션

선린인터넷고등학교 디지털콘텐츠개발대회 대상 수상작

circles.

기술 스택

Front-end

TypeScript Vue Socket.io Storybook

Back-end

TypeScript Node.js Express JWT Socket.io Webpack

DB

MongoDB

기능 소개

  • 페이지: 동아리 홍보용 페이지
    • 타임라인: 자유롭게 글을 작성하거나 글에 공감하기, 댓글 달기
    • 수상실적: 수상 실적 공개 및 관리
    • 멤버소개: 부원들의 프로필을 한 눈에
    • 예산공개: 예산 집행내역 공개 및 관리
    • 채용: 지원서 작성 및 결과 확인, 대기실과 면접실에서 지원자를 호출하거나 면접 진행 현황을 확인할 때 사용하는 페이저 (Pager)
  • 커뮤니티: 동아리 멤버에게만 공개되는 동아리만의 공간
    • 출석부: 실시간으로 동기화되는 간편 전자 출석부
    • 캘린더: 일정 공유
    • 멤버 관리: 멤버 접근 권한 설정, 퇴출 등
    • 면접 관리: 페이지 > 채용 > 페이저 수신기와 연동되는 면접 대기자 관리 솔루션
    • 채용 관리: '면접 관리'와 함께 사용, 지원서 합격/불합격 처리
    • 사이트 에디터: 컴포넌트 블럭을 드래그하여 홍보 웹사이트 제작/편집
  • 검색: 원하는 동아리를 검색
  • 다크 테마: 버튼 하나로 테마 변경 (라이트/다크)
  • 슬림 모드: 상단 바 사이즈 조절
  • 사이트맵: 모든 동아리를 한 눈에

구경하기

설치하기

  • npm i

개발하기

  • npm run serve

빌드하기

  • npm build

기여하기