티스토리 뷰

Project/GPTea.tsx

GPTea☕ Figma 프로토타이핑 추가 완성

hahagarden 2023. 4. 30. 19:34

 

지난번 프로토타이핑 작업에 이어서 다음을 추가하였다.

 

 

구현한 것

- Chat컴포넌트: Prompt 클릭하면 커서 깜빡임 → . 누르면 질문 입력됨 → Enter 누르면 질문 등록됨 → action delay이용하여 GPT 답변 입력됨 → Prompt 다시 클릭하면 처음으로 돌아감
'데이터베이스' 대화창, '데이터베이스 심화' 대화창 모두 Chat컴포넌트의 인스턴스.
- Bookmark컴포넌트: 클릭하면 색칠됨 → 다시 클릭하면 색칠 해제됨

 

완성본

 

🙌 gptea 피그마 프로토타입 링크 🙌

 

Figma

Created with Figma

www.figma.com

 

반응형
저작자표시

'Project > GPTea.tsx' 카테고리의 다른 글

GPTea☕️ 네이버 로그인 / 로그아웃 구현  (2) 2023.05.02
GPTea☕️ API 요청, TypeScript 도입  (1) 2023.05.01
GPTea☕ Figma 프로토타이핑  (0) 2023.04.25
GPTea☕ 프로토타입 초기 스타일링(styled-components)  (0) 2023.04.06
GPTea☕ 프로토타입 라우팅(react-router-dom)  (0) 2023.04.05
댓글