Notion, Trello와 같은 기존 협업 툴의 복잡함을 해소하고, 간편한 협업 환경을 제공하는 프로젝트입니다.
로그인 없이 참여 코드로 간단히 참여하며, 협업의 진입 장벽을 낮추었습니다.
게이미피케이션 요소를 활용하여 동기부여를 제공합니다.
- Google 테스트 계정:
[email protected]
Seamless는 복잡한 협업 툴의 대안을 제시합니다.
- 간단한 참여 과정: 로그인 없이 참여 코드만으로 프로젝트 참여.
- 게이미피케이션 요소: 동기부여를 위한 다양한 기능 탑재.
- 직관적인 인터페이스: 복잡한 기능은 배제하고, 필요한 핵심 기능만 제공합니다.
- 간편한 참여: 별도의 계정 생성 없이 참여 가능.
- 프로젝트 중심의 협업: 프로젝트 관리와 진행도를 한눈에 확인.
-
팀장
- 프로젝트를 생성하고, 어텐드 링크를 통해 팀원을 초대.
- 팀원 초대 시, 링크를 통해 팀원이 정보를 입력하고 참여 코드를 이메일로 전달받도록 설정.
-
팀원
- 팀장이 공유한 어텐드 링크에 접속해 이름과 이메일을 입력.
- 받은 참여 코드로 프로젝트에 로그인 없이 참여.
- 프로젝트 내 진행 상황과 개인 태스크를 확인 및 관리.
-
랜딩 페이지
-
로그인 UI
-
프로젝트 참여 화면
👉 프로토타입 확인
Tools: NPM, TypeScript, Storybook, Webpack, ESLint
Tools: Hibernate, Spring Security, Gmail API, Swagger, JPA
├── public/ # 정적 파일
├── src/ # 소스 코드
│ ├── api/ # API 관련 함수 및 설정
│ ├── assets/ # 정적 자산 (이미지, 폰트 등)
│ ├── components/ # 재사용 가능한 React 컴포넌트
│ ├── mocks/ # 개발/테스트용 더미 데이터
│ ├── pages/ # 페이지 컴포넌트/라우트
│ ├── provider/ # React context 제공자
│ ├── routes/ # 라우트 설정
│ ├── types/ # TypeScript 타입 정의
│ ├── utils/ # 유틸리티 함수
│ ├── App.tsx # 루트 애플리케이션 컴포넌트
│ ├── env.d.ts # 환경 변수 타입 정의
│ └── index.tsx # 애플리케이션 진입점
- Weekly Branch: 각자 주별 브랜치 pull 후 작업.
- Pull Request: Weekly → Develop → Master 순으로 PR.
- CI/CD: Develop 브랜치를 통해 자동 배포.
feat: 새로운 기능 추가fix: 버그 수정docs: 문서 변경- 자세한 규칙: 👉 Commit 규칙
✨ 구현 기능
- 랜딩 페이지
서비스 소개와 주요 기능 설명 "Faster, Simple Team Work For Free!" 메시지 강조 협업 현장을 보여주는 이미지 구현
- 로그인 UI
심플하고 직관적인 로그인 인터페이스 프로젝트 참여 코드 입력 폼 사용자 친화적인 디자인
- 프로젝트 참여 화면
간편한 프로젝트 참여 프로세스 코드 입력 후 즉시 접근 가능 프로젝트 기본 정보 표시
- 프로젝트 참여/관리
프로젝트 진행도 시각화 태스크별 상태 표시 및 관리 프로젝트 멤버 관리 기능
- 프로젝트 대시보드
프로젝트 전체 진행 상황 한눈에 파악 개인별 태스크 관리 및 진행도 표시 직관적인 차트와 그래프로 정보 제공
- 노션을 통해 프론트 트랙과의 이슈 해결.
- 문제 해결 예시
👉 자세한 협업 과정 링크
- 백엔드: Backend URL
- 프론트엔드: Frontend URL
- Frontend GitHub: 프론트엔드 깃허브