Git Commit 기반 캐릭터 키우기 프로젝트

• Period2024.04 - 2024.05
• Headcount5명
GitHubhttps:/github.com/rheeeuro/gitmagotchi
• UCChttps:/youtu.be/w9rcBkjkh_k?si=2DhdjvvC3QBGiSmP
• Demohttps:/youtu.be/wR1I_SgJ_X4?si=jJiT-Hss6wcS1s78
• DevLoghttps://chocolate-mint-5ac.notion.site/92d7679a0bb44aeba7cb5922cfb4b403

• Intro
  AWS Korea와의 기업연계 프로젝트로 깃허브 1일 1 커밋을 생활화하기 위해 깃허브와 연동시켜 커밋 기반으로 밥을 먹여 성장하는 다마고치 게임 서비스입니다. AWS Bedrock을 통해 생성형 AI가 생성한 이미지의 캐릭터를 키울 수 있고 생성형 AI가 생성한 텍스트로 캐릭터와 대화도 나눌 수 있습니다.


• Role
  - React, Typescript를 활용한 반응형 프론트엔드 구현
  - GitLab Runner를 활용한 AWS S3, CloudFront 자동배포 구현
  - Cognito를 활용한 Github 소셜로그인 및 인증/인가


• Stack
  - 프론트엔드: React, Typescript, Recoil, React-Query
  - 배포: AWS S3, AWS CloudFront, AWS Route53, GitLab Runner
  - 인증/인가: AWS Cognito, SST, aws-amplify, amazon-congito-identity-js


• Retrospect
  - 일반적으로 프론트엔드 배포를 진행할 때 EC2 서버에 올리게 되는데 이번에는 S3에 빌드된 파일을 올리고 CloudFront로 배포해본 경험이 새로웠고 GitLab CI/CD 와 AWS-cli를 활용한 자동배포 스크립트도 새롭게 작성해 볼 수 있었습니다.
  - Cognito를 활용한 로그인 구현도 새로웠고 Cognito 유저풀에 깃허브 유저를 추가하기 위해 커스텀했으며 토큰을 헤더에 넣어주기 위해 aws-amplify 이외에 amazon cognito identity js도 활용하여 인증/인가를 구현했습니다.


• Reward
  AWS 기업연계 멘토링을 통한 설계 및 구조 개선