이전에 만든 랜덤 명언 API를 사용해서 무작위로 명언이 화면에 출력되는 사이트를 제작한다.

기능

• 메인 화면에 명언의 내용과 이름 열람
• 명언 리스트를 확인하고 명언 추가/삭제/수정 기능

기술 스택

• react, react-dom
• axios
• react-icons
• styled-component
• styled-system
• typescript

구현 화면

• 새로고침 할때마다 다른 명언이 메인화면에 표시되며 우측 상단의 리스트 버튼을 클릭하면 명언 api에 있는 모든 명언을 열람 할수 있음
  

• +버튼을 클릭하면 최하단에 내용을 작성하여 버튼을 클릭하면 명언이 생성됨
  

• 명언 우측의 edit 버튼을 클릭하여 내용을 작성하고 완료 버튼을 클릭하면 명언이 수정됨
  

• 명언 우측의 빨간 버튼을 클릭하면 명언이 제거됨
  

깃허브 링크

https://github.com/jyc-coder/randomFSsite