Random Quote Machine을 통해 통찰력, 지혜, 영감을 주는 생각의 세계에 빠져보세요. 버튼을 클릭하면 앱이 전 세계 유명 작가들의 방대한 인용문 모음에서 무작위로 선택한 인용문을 제공합니다. 또한, 마음에 쏙 드는 인용문이 있으면 Twitter에서 즉시 공유할 수 있습니다! 영감을 얻기 위해서든, 반성하기 위해서든, 아니면 그냥 즐거운 데이트를 즐기기 위해서든, 우리의 무작위 견적 기계가 여러분의 하루를 밝게 만들어줄 것입니다.
(맨 위로)
여기에서 데모를 볼 수 있습니다.
(맨 위로)
로컬 복사본을 실행하려면 다음 단계를 따르세요. 이 프로젝트를 진행하려면 컴퓨터에 Node.js와 npm이 설치되어 있어야 합니다.
-Node.js -npm
-다음을 사용하여 이 저장소를 로컬 컴퓨터에 복제합니다.
자식 클론 https://github.com/ClaudiaRojasSoto/Random_Quote_Machine.git
- 프로젝트 폴더로 이동합니다.
CD 수학_마술사
- 프로젝트 종속성을 설치합니다.
npm 설치
개발 서버를 시작하려면 다음 명령어를 실행하세요.
npm 시작
프로젝트는 다음 폴더 및 파일 구조를 따릅니다.
/src
: 애플리케이션의 소스 파일이 포함되어 있습니다./src/index.js
: JavaScript 애플리케이션의 기본 진입점입니다./src/App.js
: 구성 요소가 렌더링되는 애플리케이션의 최상위 구성 요소입니다./src/components
: React 구성 요소의 디렉터리입니다./src/components/quoteBox.js
: quoteBox의 구성 요소입니다./src/components/quoteBox.css
: 인용 상자의 스타일입니다./src/components/quoteButtons.js
: 인용 버튼을 위한 폴더입니다./src/components/navbar/quoteButtons.css
: 인용 버튼의 스타일입니다./src/redux
: Redux 관리를 위한 디렉터리입니다./src/redux/store.js
: Redux 저장소 구성./src/redux/actions
: Redux 작업을 위한 폴더입니다./src/redux/actions/quoteActions.js
: 견적 관리를 위한 작업입니다./src/redux/reducers
: Redux 감속기를 위한 폴더입니다./src/redux/reducers/quoteReducer.js
: 견적 관리를 위한 리듀서./public
: 애플리케이션의 공용 파일과 자산을 포함합니다./public/index.html
: 애플리케이션의 기본 HTML 파일입니다./build
: 생성된 프로덕션 파일이 포함되어 있습니다.이 저장소를 원하는 폴더에 복제하세요: https://github.com/ClaudiaRojasSoto/Random_Quote_Machine.git
이 프로젝트를 다음과 함께 설치하세요: Stylelint 및 ESLint 설치
프로젝트를 실행하려면 다음 명령을 실행하십시오. 웹 브라우저만 있으면 됩니다.
테스트를 실행하려면 다음 명령을 실행하세요. npm start 테스트를 위해 이 프로젝트를 실행하려면 간단한 웹 브라우저만 있으면 됩니다.
? 클라우디아 로하스
(맨 위로)
(맨 위로)
기여, 문제 및 기능 요청을 환영합니다!
이슈 페이지를 확인해 보세요.
(맨 위로)
이 프로젝트가 마음에 든다면 이 계정을 팔로우하여 지지를 보여주세요.
(맨 위로)
- 협업 환경에서 Git 및 GitHub를 배울 수 있는 기회를 제공하는 Microverse입니다.
- Git 및 GitHub에 대한 풍부한 정보를 제공하는 GitHub Docs.
(맨 위로)
이 프로젝트는 MIT입니다.
(맨 위로)