Skip to content

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

기여하기

About

Fast and convenient club website builder & management solution ⚙️

Topics

Resources

Stars

Watchers

Forks

Used by

Contributors

Languages