✏️ Umm-frontend

챗봇을 활용해 글쓰기에 어려움을 느끼는 청년들을 편의를 돕기 위한 레터 작성 웹서비스

📌 Production on Link

메인 화면

응답 화면

메시지 보내기

📘 프로젝트 개요

입사한지 얼마 되지 않은 신입의 경우, 회사에서 업무 요청, 부탁, 메일, 문자 등을 상급자에게 보낼때 어떻게 써야 정중하며 단어선택이 올바른지 고민하는 경우가 많다. 대학생의 경우에도 교수님이나, 주변에 일면식 없는 전문가 등 학생의 경험에서 글을 써보지 않는 경우 어려움이 있다. 이러한 어려움을 챗 GPT api 를 활용하여 구체적인 상황과 상대방을 선정하여 보다 글쓰기에 도움을 주고 첨삭 또한 가능한 나의 “업무 및 글쓰기 비서”를 선보인다.

📗 사용 기술 및 라이브러리

• React, Typescript
• Recoil, Websocket

📒 기술 흐름도

📕 기여도

프론트엔드 100%

프론트엔드의 모든 개발을 도맡아하였습니다. 구현한 기능들은 아래와 같습니다.

• Websocket을 활용한 채팅 페이지 구현
• 메시지 컴포넌트 개발
• 모달 창 구현(선택 항목 변화 감지, 클립보드 복사 감지, 모바일 웹 감지)
• 컴포넌트화를 활용한 코드 분리
• Recoil을 활용한 전역 상태 관리