random recipes

랜덤 레시피 생성기

이것은 두 가지 학습 목표를 다루는 React 앱 연습입니다.

• React를 사용하여 외부 데이터 소스에서 정보를 가져 와서 표시합니다.
• 상태 및 수명주기를 관리하는 데 필요한 경우 React 후크 사용

설명

이 앱은 SpoonAcular API를 사용하여 사용자에게 여러 가지 임의의 레시피를 표시합니다.

기술

• React (JavaScript)

이 프로젝트는 Create React 앱으로 부트 스트랩되었습니다.

시작하기

시작하려면이 디렉토리를 복제하고 아직 없으면 원사를 설치하십시오.

프로젝트 디렉토리에서는 다음을 실행할 수 있습니다.

yarn install

필요한 종속성을 설치하고 앱을 실행할 환경 설정

yarn start

개발 모드에서 앱을 실행합니다.
브라우저에서 http : // localhost : 3000을 엽니 다.

편집하면 페이지가 다시로드됩니다.
콘솔에 보풀 오류가 표시됩니다.

계획

기능

• 사용자에게 1 개의 임의 레시피를 표시합니다
• 레시피에는 제목, 이미지, 준비 시간, 크레딧, 요약, 요리가 포함됩니다
• 사용자는 링크를 클릭하여 새 창에서 레시피를 볼 수 있습니다.
• 사용자는 클릭하여 다른 레시피를 볼 수 있습니다
• 보너스 : 사용자가보고 싶은 레시피 수를 변경할 수 있습니다.
• 보너스 : 사용자가 먼저 버튼을 클릭 할 때까지 레시피가 표시되지 않습니다