Skip to content

ycs1m1yk/Rabbit-Hole-Client

Repository files navigation

header

🐇 Rabbit-Hole: 엘리스 레이서 커뮤니티 서비스

레이서들의 원활한 레이스를 위한
엘리스 레이서 지망생 및 수강생의 정보 공유 및 네트워킹을 위한 커뮤니티 서비스입니다.

🎥🎥 데모영상


📖 프로젝트 소개


          🐰 Rabbit-hole은 이상한 나라의 엘리스의 첫번째 챕터 'Down the Rabbit-Hole'에서 왔습니다.
          🏁 레이서들이 엘리스 트랙 첫번째 챕터부터 함께하는 커뮤니티가 되고자 합니다.

💡 프로젝트 기획 의도

후배 기수들에게 직접 의견을 구한 결과, 엘리스 커뮤니티의 필요성을 느꼈습니다.
저희가 했던 고민을 그들도 똑같이 하고 있기 때문에 우리가 해결해온 고민들을 공유하고, 더욱 더 빠른 성장을 이루어 낼 수 있을 것입니다.

  • 레이서가 원활한 레이스를 펼칠 수 있도록, 졸업생 및 동료 레이서와 질의응답을 할 수 있습니다.

  • 레이서가 제작한 개인 / 팀 프로젝트를 게시하고 홍보할 수 있습니다.


💡 프로젝트만의 차별점, 기대 효과

그동안 레이서들이 가지고 있는 소통의 창구가 디스코드 채널 외에는 별다른 수단이 없었습니다.
따라서 조금 더 흥미로운 컨텐츠를 제공해 레이서들의 다양한 니즈를 충족시킬 수 있는
엘리스만의 커뮤니티 사이트를 만든다면 더욱 원활한 소통이 이루어질 수 있을 것입니다.

  • 엘리스 코치님들이 부재중일때 선배기수들의 답변 가능 (늦은 밤, 새벽, 주말 등)

  • 디스코드에서 질의응답을 하면 양질의 문답이 사라지는 단점이 있음. 레이서들은 커뮤니티에서 위키처럼 질문을 찾아보면서 궁금한 점을 즉시 해소할 수 있음

  • 레이서들의 전반적인 성취도 향상

  • 졸업생 - 레이서간 네트워킹을 활용하여 커리어 또는 프로젝트에 관한 조언을 얻을 수 있음


🔩 서비스 주요 기능


메인 기능


커뮤니티 게시판(/board): 자유, 질의응답, 스터디 모집 게시판

  • 검색
  • 정렬(최신순, 인기순) ,
  • 페이지네이션
  • 게시글 등록
  • 커뮤니티에 참여를 독려하기 위한 당근 시스템

게시글 상세 (/board/detail)

  • 게시글, 댓글 확인
  • 게시글 조회수 확인
  • 게시글, 댓글 좋아요
  • 게시글 채택( 질의응답 게시판 )
  • 댓글 등록 (게스트는 불가능)
  • 댓글 수정, 삭제
  • 게시글 수정, 삭제

게시글 검색(/board/search)

프로젝트 갤러리(/projects)

  • 프로젝트 생성 및 프로젝트 Valitdation
  • 프로젝트 목록 조회
  • 정렬(최신순, 인기순)
  • 개수별 모아보기
  • 페이지네이션

프로젝트 상세(/projects/detail)

  • 프로젝트 수정 및 삭제
  • 댓글 작성 및 삭제
  • 마크다운 문법 지원

프로젝트 검색(/projects/search)

마이페이지(/mypage)

  • 프로필 조회 및 수정
  • 프로필 이미지 설정
  • 게시글 및 프로젝트 관리

관리자페이지(/admin)

  • 역할별 모든 유저 조회
  • 유저 강제 퇴장
  • 레이서 인증 시스템 (guest->racer)
  • 인증유저 메일 발송
  • 게시판별 게시글 조회
  • 게시글 강제 삭제
  • 모든 프로젝트 조회
  • 프로젝트 강제삭제

프로필확인(/profile)

  • 유저 프로필 조회
  • 유저 블로그, 깃허브 페이지 조회 및 이동 가능

서브 기능


회원가입(/github/register)

  • Valitaion

로그인(/github/logine)

  • github OAuth를 통한 간편한 로그인
  • 회원 정보 없을 경우 추가 정보 입력 후 가입

채팅(/github/logine)

  • 채팅방 설정가능(현재는 전체방만)
  • 로그인 사용자만 이용가능

📰 프로젝트 구성도

📋 프로젝트 구조도


🛠️ Tech

🔨 프론트엔드


ReactJS TypeScript
Styled-Components
Recoil React Query
Vite

🔧 백엔드


TypeScript express.js
mongodb Amazon S3
Socket.io Jest
nginx


와이어프레임


ERD


API DOCS


🤝 프로젝트 팀원 역할 분담


이름 역할
천현우 백엔드 / 팀장
김주현 프론트엔드
설재혁 프론트엔드
신윤수 백엔드
이승훈 프론트엔드
이혜성 프론트엔드

About

Elice SW2 2차 프로젝트

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages