chat-image-generator

채팅방의 미리보기 이미지를 생성해주는 프로젝트입니다.

배포 링크

https://guddnboy-chat-image-generator.vercel.app/

기능 요구사항

참여자 관리

• 추가
  • 랜덤으로 생성하거나, 이름(5글자 제한)과 프로필 사진을 입력하여 참여자를 추가할 수 있습니다.
• 수정
  • 본인을 선택하여(토글 버튼으로 상대방과 본인 전환 가능) 이름을 수정하고 프로필을 변경하거나 삭제할 수 있습니다.

채팅 기능

• 미리보기
  • 채팅 내용을 미리보기할 수 있습니다.
• 추가
  • 내용을 입력하고 시간을 설정하여 채팅을 추가할 수 있습니다.
• 삭제
  • 채팅을 삭제할 수 있습니다.

스타일 변경 옵션

• 프로필 사진 스타일
  • 넓이, 높이, 배경색, 테두리 두께, 테두리 색상, 테두리 스타일, 모서리 둥글기 등을 조절할 수 있습니다.
• 채팅 스타일
  • 글자 색상, 모서리 둥글기, 글자 굵기, 글자 크기, 가장자리 여백, 너비 등을 변경할 수 있습니다.
• 말한 사람 스타일
  • 글자 굵기, 글자 크기, 글자 색상을 조절할 수 있습니다.
• 시간 스타일
  • 글자 크기와 색상을 변경할 수 있습니다.
• 배경 스타일
  • 배경색, 가장자리 여백, 간격 등을 설정할 수 있습니다.

이미지로 저장하기

• 파일로 저장
  • 로딩 화면이 표시되며, 완료 후 알림이 나타납니다.
• 클립보드로 복사
  • 로딩 화면이 표시되며, 완료 후 알림이 나타납니다.

사용한 기술 스택