quessr / mocco

- 온라인 상에서 스터디를 진행하고, 서로의 결과물을 캐릭터의 움직임을 통해 시각화 하여 확인할 수 있는 서비스

Home Page:https://mocco.kr

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MOCCO




프로젝트 개요


프로젝트 진행 기간

  • 2022년 9월 7일 ~ 10월 12일

프로젝트 소개

 저희는 '모두 모여서 코딩'과 모임의 순 우리말인 모꼬지를 합쳐 서비스의 이름을 모꼬로 정했습니다. 모꼬는 온라인 상에서 같은 코딩 주제를 공부하는 스터디원과 스터디를 진행하고, 서로의 결과물을 확인할 수 있는 서비스입니다.

 주제를 선택한 이유는 평소 코딩스터디를 진행하며 동기부여를 돕는 서비스가 필요했지만, 기존 스터디 플랫폼들은 대부분 스터디원을 모집하는 기능이 전부여서 아쉬웠습니다. 저희는 스터디원을 모집한다는 플랫폼의 성격에, 스터디에 몰입할 수 있는 기능들을 보완하여 새로운 스터디 서비스를 기획하였고, 누구나 즐겁게 공부 할 수 있고 유저 경험을 향상 시킬 수 있는 캐릭터를 사용한 서비스를 개발하게 되었습니다.


팀원 소개

허세라 이원준 박서희 이승미 이충안 김도연
FE FE FE FE BE BE

📚 기술 스택


📚 프로젝트 관리 툴


구현 기능


회원가입
  • 닉네임 중복여부, 이메일 중복여부, 입력한 비밀번호가 같은지 확인 할 수 있다
  • 회원가입 시 로그인 페이지로 이동한다.
로그인
  • ID, PW가 일치하면 JWT 토큰 발행한다.
  • 로그인 시 마이페이지로 이동한다.
  • github 소셜 로그인 기능.
  • 비밀번호를 잃어버렸을시 비밀번호를 찾을 수 있다.
마이페이지 / Github 연동
  • 회원정보수정 페이지에서 수정된 유저정보, 현재 진행중인 스터디, 완료된 스터디를 슬라이드로 볼 수 있다.
  • Github 소셜로그인하지 않은 유저도 마이페이지에서 Github 연동을 하여 해당 유저의 repository(개인저장소), contributions(잔디)를 가져와 표기할 수 있다.
스터디 모집 리스트 조회
  • 현재 모집중인 스터디를 카드 형식으로 볼 수 있다.
  • 스크롤이 일정 부분 아래로 도달할 경우 다음 데이터를 볼 수 있다.
스터디 상세 페이지
  • 스터디 관련 정보를 볼 수 있고, 댓글 및 대댓글 작성과 스터디 신청이 가능하다.
스터디 진행 메인 페이지
  • 애니메이션을 통해 스터디원이 날짜에 맞춰 정해진 목표를 수행 했는지 알 수 있다.
  • 다른 팀원의 진도율과 수행 기한 대비 나의 달성률을 시각적으로 알 수 있다.
스터디 인증 기능
  • 해당 스터디에서 작업해야 하는 일들을 인증할 수 있다.
  • 인증 후에 스터디 진행 페이지로 돌아오면서 애니메이션이 일어난다.
스터디 평가 기능
  • 스터디가 종료된 후에 같은 스터디원들을 평가할 수 있다.
  • 각 평가 수치는 멤버 별로 평점에 반영되어 마이페이지에 노출된다.
알람 기능
  • 스터디 신청 승인, 스터디 오픈 등 특정 이벤트마다 알람이 전송된다.
  • 따로 새로고침하지 않고도 알림을 볼 수 있다.

  • 22.10.12 ~ 23.04.12 동안 배포 유지 예정
    • 스터디 확인용 계정
      • ID : MoccoWorld@gmail.com
      • PW : mocco1234!
      • 테스트용 계정으므로 임의로 데이터 변경이 불가합니다. 눈으로만 봐주세요~
    • Slido
      • Mocco 서비스를 사용하신 후 Slido에 피드백을 남겨주세요.
      • 피드백을 남겨주시면 저희 서비스 개선에 큰 도움이 됩니다.
      • 피드백 기간 10/11 ~ 18


추후 계획

FE

  • 코드 리팩토링
  • UI / UX 개선

BE

  • 테스트 코드 작성
  • 코드 리팩토링
  • github Actions를 이용한 자동 배포 구현 (완료)
  • 서버 접속 로그 기록 (완료)

라이센스

  • MIT ©

About

- 온라인 상에서 스터디를 진행하고, 서로의 결과물을 캐릭터의 움직임을 통해 시각화 하여 확인할 수 있는 서비스

https://mocco.kr

License:MIT License


Languages

Language:JavaScript 56.9%Language:Java 41.6%Language:HTML 1.2%Language:Shell 0.3%