음성 인식 기반 AI 문자 및 이미지 전송 서비스 PPURISAM

📝 목차

• 미디움
• 프로젝트 소개
• 주요 기능
• 시스템 아키텍처
• 기술 스택
• ERD
• API
• 사용방법
• 개발 기간
• 팀 구성

📒 미디움

🔗 [https://medium.com/@bkw54570/1201fcd2ced2](https://kittae.tistory.com/17)

✉️프로젝트 소개

• 본 프로젝트는 [SW 프리캡스톤 디자인 교과목]을 통해 [다우기술]과 연계하여 진행되었습니다.
• [PPURISAM] 프로젝트의 목표는 '누구나 쉽게 이용할 수 있는 서비스'입니다.
• 기본적인 웹서비스 기능 이외에도 사용자의 편리성이라는 관점에서 음성인식과 AI를 이용한 이미지 생성, 챗봇을 추가로 구현하였습니다.

✨주요 기능

• 페이지는 문자 전송 / 주소록 / 발송조회 / 마이페이지 로 구성되어, 기본적인 문자 서비스를 제공하고 있습니다
• 문자 전송 시, 사용자는 작성하고 싶은 문자에 대해 간략하게 입력하여 AI를 통한 문자 템플릿과 관련된 이미지를 제공받습니다.
• 그리고 이러한 과정 중 음성인식을 통해 키보드 입력을 최소화하여, 사용자의 접근성을 높였습니다.
• 또한, 챗봇 서비스를 통해 페이지 이동없이 간편하게 문자 전송 서비스를 제공하여, 사용자의 편의성을 더욱 개선하였습니다.

[회원가입&로그인]

[홈 화면]

[주소록]

[문자 보내기]

#실제 문자 화면

[발송조회]

[챗봇]

#실제 문자 화면

[마이페이지]

⚙️시스템 아키텍처

💻기술 스택

• Front-end

React	Javascript	CSS	Vite

• Back-end

Springboot	MySQL	ELK+Beats	Nginx	Prometheus / Grafana

• 서비스 배포 및 실행 환경

AWS Ec2	Docker

• 버전 및 이슈관리

Github, Github Issues

• 협업 툴

Discord	Notion

• 디자인

Figma

💾 ERD

🌐 API

📊 모니터링&로그관리

사용방법 - 해상도는 1512x982에서 정상적으로 보입니다!

처음부터 서브모듈을 고려하여 한번에 클론

git clone --recurse-submodules https://github.com/SWPC-Team-You-Can-Do-It/ppurisam.git

이미 일반 클론을 받은 경우 서브모듈 초기화

git submodule update --init --recursive

프로그램 실행 전 ppurisam, Frontend, Backend에 .env파일 작성

Backend/src/main/resources/ 안에 application.properties파일 작성

도커 설치 확인

docker --version
docker-compose --version

설치되어있지 않은 경우

sudo apt install -y docker.io
sudo curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
sudo chmod +x /usr/local/bin/docker-compose

프로그램 실행

docker compose up -d --build

프로그램 종료

docker compose down

📆개발 기간

• 2024-09-20 ~ 2024-11-28
  

🤝팀 구성

배건우	진기태	박진성	박지원	장원진
팀장 Frontend Backend	Frontend Backend	Backend	Backend	Frontend
@bkw535	@sensesis	@Jinseong01	@jiwonp7747	@wonjinjang