Seamless

간편하고 직관적인 협업 툴

Notion, Trello와 같은 기존 협업 툴의 복잡함을 해소하고, 간편한 협업 환경을 제공하는 프로젝트입니다.
로그인 없이 참여 코드로 간단히 참여하며, 협업의 진입 장벽을 낮추었습니다.
게이미피케이션 요소를 활용하여 동기부여를 제공합니다.

📌 테스트 계정

• Google 테스트 계정: kakaotechcampus.mentor@gmail.com

📖 목차

• Seamless란?
• 사용법
• 기술 스택
• 프로젝트 구조
• ERD
• 협업 전략
• 구현 기능
• Technical Issue와 해결과정
• 협업 이슈 해결
• 배포 주소

💡 Seamless란?

Seamless는 복잡한 협업 툴의 대안을 제시합니다.

• 간단한 참여 과정: 로그인 없이 참여 코드만으로 프로젝트 참여.
• 게이미피케이션 요소: 동기부여를 위한 다양한 기능 탑재.
• 직관적인 인터페이스: 복잡한 기능은 배제하고, 필요한 핵심 기능만 제공합니다.

경쟁력

• 간편한 참여: 별도의 계정 생성 없이 참여 가능.
• 프로젝트 중심의 협업: 프로젝트 관리와 진행도를 한눈에 확인.

🚀 사용법

1. 팀장

   • 프로젝트를 생성하고, 어텐드 링크를 통해 팀원을 초대.
   • 팀원 초대 시, 링크를 통해 팀원이 정보를 입력하고 참여 코드를 이메일로 전달받도록 설정.

2. 팀원

   • 팀장이 공유한 어텐드 링크에 접속해 이름과 이메일을 입력.
   • 받은 참여 코드로 프로젝트에 로그인 없이 참여.
   • 프로젝트 내 진행 상황과 개인 태스크를 확인 및 관리.

👉 자세한 사용법 링크

예시 화면

1. 랜딩 페이지
   

2. 로그인 UI
   

3. 프로젝트 참여 화면
   

프로토타입

👉 프로토타입 확인

🔧 기술 스택

Frontend

Tools: NPM, TypeScript, Storybook, Webpack, ESLint

Backend

Tools: Hibernate, Spring Security, Gmail API, Swagger, JPA

Deployment

🛠️ 프로젝트 구조

👉 아키텍처 설명 링크

📊 ERD

👉 ERD 설명 링크

🤝 협업 전략

Branch 전략

• Weekly Branch: 각자 주별 브랜치 pull 후 작업.
• Pull Request: Weekly → Develop → Master 순으로 PR.
• CI/CD: Develop 브랜치를 통해 자동 배포.

Commit 규칙 (Angular 스타일)

• feat: 새로운 기능 추가
• fix: 버그 수정
• docs: 문서 변경
• 자세한 규칙: 👉 Commit 규칙

API 입출력 규칙

👉 API 문서 링크

✨ 구현 기능

1. 프로젝트 관리 API
2. 팀원 관리 API
3. 태스크 관리 API
4. 이벤트 관리 API: 독려 이메일, 진행도 조회
5. Google OAuth2 인증 및 참여 코드 인증 플로우

👉 자세한 백엔드 구현 기능 링크

🛠️ Technical Issue와 해결과정

• GitHub Issues를 통해 기술적 이슈를 기록 및 해결.

• 문제 해결 예시
  
  👉 자세한 이슈 해결 링크

🤝 협업 이슈 해결

• 노션을 통해 프론트 트랙과의 이슈 해결.
• 문제 해결 예시 👉 자세한 협업 과정 링크

🌐 배포 주소

• 백엔드: Backend URL
• 프론트엔드: Frontend URL
• Frontend GitHub: 프론트엔드 깃허브