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 : [email protected]
    • PW : mocco1234!
    • 테스트용 계정으므로 임의로 데이터 변경이 불가합니다. 눈으로만 봐주세요~
  • Slido
    • Mocco 서비스를 사용하신 후 Slido에 피드백을 남겨주세요.
    • 피드백을 남겨주시면 저희 서비스 개선에 큰 도움이 됩니다.
    • 피드백 기간 10/11 ~ 18

👀 WIKI 보러가기

추후 계획

FE

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

BE

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

라이센스

• MIT ©