너에게 보내는 롤링페이퍼 투유💌

다른 사용자에게 카드 메시지를 보낼 수 있는 모바일 환경 타깃 롤링페이퍼 웹 애플리케이션입니다.

이 프로젝트는 드래그 앤 드롭 기능과 부드러운 애니메이션을 통한 사용자 인터랙션 향상에 중점을 두었습니다. 이러한 요소들을 우선시하여, 사용자가 더 직관적이고 몰입감 있는 방식으로 애플리케이션과 상호작용 할 수 있는 것을 목표로하고 있습니다😀

인터렉션 예시

Deploy

URL

TEST URL

배포된 상태이나 AI 서버의 불안정으로 인해 애플리케이션 확인 시 TEST_URL을 이용하길 권장드립니다.

기술 스택

Tools | React, Typescript, Styled-Components, Webpack, Tanstack-Query, MSW

메인 기능 (메시지 작성)

카드 테마 선택

1. 어떤 롤링페이퍼 메시지를 보낼 지 테마(생일 축하 테마, 격려 메시지 등)를 선택할 수 있습니다.

수신자 선택

2. 내가 가입한 그룹을 기반으로 메시지를 보낼 대상을 선택 할 수 있습니다.

메시지 작성

3. 카드 메시지 내용을 적고 해당 메시지를 기반으로 스티커를 생성 할 수 있습니다. (스티커 생성은 현재 개발 중인 기능입니다.)

카드 편집

4. 생성된 스티커를 통해서 메시지 카드를 꾸미고 전송할 수 있습니다.

Contact

github: https://github.com/tkdrb12
email: [email protected]