Metricks_Tracker
1.0.0
React 및 Redux를 사용하는 모바일 웹 앱인 Metricks Tracker에 오신 것을 환영합니다! 선택한 API를 탐색하고 모니터링하고 정보를 쉽게 얻으십시오! Metricks 추적기는 주로 세계 인구에 중점을 두어이 영역과 관련된 데이터에 대한 상세하고 의미있는 분석을 제공합니다. Metricks 추적기를 사용하면 세계 인구에 대한 귀중하고 최신 정보에 액세스 할 수 있으므로 정보에 입각 한 결정을 내리고 인구 통계 학적 패턴과 추세에 대한 명확한 이해를 얻을 수 있습니다. 지금 Metricks 추적기 사용을 시작하고 손끝에서 통계 정보 세계를 발견하십시오!. 비디오 프레젠테이션에 대한 링크는 다음과 같습니다
(뒤로 맨 위로)
여기에서 데모를 볼 수 있습니다.
(뒤로 맨 위로)
로컬 사본을 올리거나 실행하려면 다음 단계를 따르십시오. 이 프로젝트에는 컴퓨터에 Node.js 및 NPM이 설치되어 있어야합니다.
-node.js -npm
-이 저장소를 다음을 사용하여 로컬 컴퓨터에 클론하십시오.
git 클론 https://github.com/claudiarojassoto/metricks_tracker.git
-프로젝트 폴더로 이동하십시오.
CD Math_Magicians
-프로젝트 종속성을 설치하십시오.
NPM 설치
개발 서버를 시작하려면 다음 명령을 실행하십시오.
NPM 시작
프로젝트는 다음 폴더와 파일 구조를 따릅니다.
/src : 응용 프로그램의 소스 파일이 포함되어 있습니다./src/index.js : JavaScript 응용 프로그램의 주요 진입 점./src/App.js : 구성 요소가 렌더링되는 응용 프로그램의 최상위 구성 요소./src/components : React 구성 요소의 디렉토리./src/components/HomePage.js : 홈페이지의 구성 요소./src/components/HomePage.test.js : 홈페이지 테스트./src/components/HomePage.css : 홈페이지 스타일./src/components/navbar : 탐색 막대 구성 요소 용 폴더./src/components/navbar/Navbar.js : 내비게이션 바의 구성 요소./src/components/navbar/Navbar.test.js : 탐색 표시 줄 테스트./src/components/navbar/Navbar.css : 내비게이션 바의 스타일./src/components/details : 세부 사항 구성 요소 용 폴더./src/components/details/Details.js : 세부 사항에 대한 구성 요소./src/components/details/Details.test.js : 세부 사항 테스트./src/components/details/Details.css : 세부 사항을위한 스타일./src/components/countries : 국가 구성 요소의 폴더./src/components/countries/Countries.js : 국가의 구성 요소./src/components/countries/Countries.test.js : 국가 테스트./src/components/countries/Countries.css : 국가 스타일./src/imagesContinents : 대륙 이미지 폴더가 포함되어 있습니다./src/imagesContinents/continents : 대륙 이미지가있는 폴더./src/redux : Redux 관리를위한 디렉토리./src/redux/store.js : Redux Store 구성./src/redux/actions : redux 동작을위한 폴더./src/redux/actions/worldActions.js : 세계 관리를위한 행동./src/redux/actions/worldActions.test.js : 세계 행동 테스트./src/redux/actions/countriesActions.js : 국가 관리를위한 조치./src/redux/actions/countriesActions.test.js : 국가 행동 테스트./src/redux/actions/continentsActions.js : 대륙 관리를위한 조치./src/redux/actions/continentsActions.test.js : 대륙 행동 테스트./src/redux/reducers : redux 감속기 용 폴더./src/redux/reducers/rootReducer.js : 응용 프로그램의 루트 감소기./src/redux/reducers/worldReducer.js : 세계 관리를위한 축소기./src/redux/reducers/countriesReducer.js : 국가 관리를위한 축소기./src/redux/reducers/continentsReducer.js : 대륙 관리를위한 감속기./src/redux/reducers/*.test.js : 감속기 테스트./public : 응용 프로그램의 공개 파일과 자산이 포함되어 있습니다./public/index.html : 응용 프로그램의 기본 html 파일./build : 생성 된 프로덕션 파일이 포함되어 있습니다.이 리포지토리를 원하는 폴더로 복제하십시오 : https://github.com/claudiarojassoto/metricks_tracker.git
이 프로젝트를 다음과 같이 설치하십시오. Stylelint 및 Eslint를 설치하십시오
프로젝트를 실행하려면 다음 명령을 실행하십시오. 웹 브라우저가 필요합니다.
테스트를 실행하려면 다음 명령을 실행합니다. NPM 시작 테스트를 위해이 프로젝트를 실행하려면 간단한 웹 브라우저가 필요합니다.
? 클라우디아 로하스
(뒤로 맨 위로)
(뒤로 맨 위로)
기부금, 문제 및 기능 요청을 환영합니다!
문제 페이지를 확인하십시오.
(뒤로 맨 위로)
이 프로젝트가 마음에 들면이 계정에 따라 지원을 표시합니다.
(뒤로 맨 위로)
- 공동 작업 환경에서 Git과 Github를 배울 수있는 기회를 제공 한 미세한.
- Gitub 및 Github에 대한 풍부한 정보를 제공하기위한 Github 문서.
- 이 작품의 디자인을 제공하기위한 크리에이티브 커먼즈.
- 링크를 클릭하여 원래 디자인을 볼 수 있습니다.
- Behance의 독창적 인 디자인.
- 그녀의 독창적 인 디자인 아이디어로 Behance의 Nelson Sakwa.
- 링크를 클릭하여 Behance의 Nelson Sakwa 프로필을 볼 수 있습니다.
- Behance에 대한 Nelson Sakwa 프로필
(뒤로 맨 위로)
이 프로젝트는 MIT입니다.
(뒤로 맨 위로)
