케밋 프로젝트

케밋(CHEMEET)은 기존 유데미 큐레이션(https://udemy.wjtb.co.kr/)에서 확장된, 학습자에게 제공할 수 있는 강의에 대한 외부 SaaS형 추가 스터디 서비스로 기획되었습니다.

개발 기간

	(총 11주)
코스 내 프로젝트 진행	2024.06.17 - 2024.08.01
추가 기능 개발 진행	2024.08.05 - 2024.08.30

상세 보기

Repository/Code

기술 스택

• 프론트엔드 : Next.js ^14, React ^18, Tailwind, CSS Module
• 백엔드 및 사용자 관리 : MongoDB(&mongoose), Auth.js(Next-Auth)
• 기획 및 설계 : Figma, draw.io
• 프로젝트 관리 : Github Project (Kanban), Notion
• 배포 Preview & Production : Vercel
• 실시간 소통 : Discord, Slack, Kakao talk chat, Zep, Jitsi ...

아키텍처 다이어그램

핵심 기능 (개발중)

• 회원가입/로그인 및 소셜 로그인(Kakao, Google +)
• 로그인 세션에 따른 라우트 접근
• 글, 댓글 CRUD (Create, Read, Update, Delete)
• 회원 정보 RU (Read, Update)
• 스터디 찜, 지원

부가 기능 (개발중)

• 댓글, 답글 추가시 사용자 알림
• 이미지 저장 시 이미지 압축 및 CDN으로 사용

기획

전달받은 서비스 기획안 내용을 바탕으로 Desktop-First 스터디 서비스 개발이 진행되었습니다.

사전 기획안 내용

'CHEMEET'은 서비스를 통해 스터디장의 니즈와 커리어 향상, 스터디원의 니즈와 소속감과 기회들이 서로 만나(meet) 화학작용같은(chemistry) 시너지를 보여줄 수 있는, 모두의 설장을 위한 서비스라는 모토로 만들어진 네이밍이라고 합니다.

• 네이밍, 슬로건
• UI 디자인, 프로토타입 시안
• 기본 디자인 시스템
• 주요 시나리오

사용자 플로우 차트

기획안을 토대로 이해한 서비스의 사용자 플로우 차트를 만들어 전체 서비스를 이해하는 단계를 밟았습니다. 스터디룸의 경우 기획안을 토대로 이해해도 의문점이 많고 각자가 이해한 내용이 너무 달라 프로젝트 진행 시 부가 기능으로 우선순위를 낮춘 후에 개발을 진행하게 되었습니다.

개발 컨벤션 정리

Repository/Wiki

메인 페이지 화면

팀 웅테코

멤버들 (3명)

양아름	이나연	장재우
@yangareum1818	@callmebyneon	@oweaj
팀장, 최고의 행동력	서기, 일할 때 한정 대문자 J	총무, 예비 백엔드 개발자

And Special thanks to our mentor ... Hero

프로젝트 캠프 : Next.js 과정 (1기)

스나이퍼팩토리	유데미	웅진씽크빅	고용노동부