{"id":17469239,"url":"https://github.com/ghiftee/microverse-react-redux-capstone","last_synced_at":"2026-04-20T05:32:55.745Z","repository":{"id":47186432,"uuid":"403902435","full_name":"Ghiftee/microverse-react-redux-capstone","owner":"Ghiftee","description":"This is a Metrics WebApp built with the Narrativa API which provides COVID-19 data. It gives users a rundown of the COVID-19 numeric values in every country. A link to the narrativa API can be found in the README.","archived":false,"fork":false,"pushed_at":"2023-05-11T10:16:18.000Z","size":721,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-02T10:31:25.946Z","etag":null,"topics":["react","react-redux","react-router","redux","redux-thunk"],"latest_commit_sha":null,"homepage":"https://tender-jepsen-8056f0.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ghiftee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-09-07T08:34:22.000Z","updated_at":"2023-05-11T10:16:44.000Z","dependencies_parsed_at":"2024-12-07T16:41:56.301Z","dependency_job_id":"7c4890d6-ce60-4fd5-a6e8-a80b87f725a5","html_url":"https://github.com/Ghiftee/microverse-react-redux-capstone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ghiftee%2Fmicroverse-react-redux-capstone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ghiftee%2Fmicroverse-react-redux-capstone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ghiftee%2Fmicroverse-react-redux-capstone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ghiftee%2Fmicroverse-react-redux-capstone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ghiftee","download_url":"https://codeload.github.com/Ghiftee/microverse-react-redux-capstone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246009037,"owners_count":20708881,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","react-redux","react-router","redux","redux-thunk"],"created_at":"2024-10-18T15:26:44.742Z","updated_at":"2026-04-20T05:32:50.699Z","avatar_url":"https://github.com/Ghiftee.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://camo.githubusercontent.com/8a4ae3fb98faf74ddf78a6677ceaa6e8872f7f340f569b7c5e1aa9bcc4061d95/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6963726f76657273652d626c756576696f6c6574)\n\n# Metrics WebApp\n\n\u003e This is a mobile web application that displays a list of metrics generated from the [Narrativa API](https://covid19tracking.narrativa.com/index_en.html). This API provides data on COVID-19.\n\n![screenshot](src/screenshots/metrics-app.png)\n\n## Live demo\n- [Netlify](https://tender-jepsen-8056f0.netlify.app/)\n\n## Milestones completed:\n- Create a new React App using CRA.\n- Install app dependencies.\n- Build file structure for app.\n- Create routes and navigation in app.\n- Display list of items gotten from [Narrativa API](https://covid19tracking.narrativa.com/index_en.html).\n- Writes unit tests for pure functions.\n- Create integration tests using React Testing Library.\n- Style components to match design on [behance](https://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs)).\n- To get started with CRA, see more information below:\n\n#### Getting Started with Create React App\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n#### Available Scripts\n\nIn the project directory, you can run:\n\n#### `npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n#### `npm test`\n\nLaunches the test runner in the interactive watch mode.\\\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n#### `npm run build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n### Learn More\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n\n## Built With\n- React, React Router, Redux, Redux Logger, Webpack, Behance, Javascript, React testing library, Babel and Jest\n\n## Getting Started\nTo get a local copy up and running follow these simple example steps.\n- git clone https://github.com/Ghiftee/microverse-react-redux-capstone\n\n### Setup\n- git clone https://github.com/Ghiftee/microverse-react-redux-capstone\n- cd ./microverse-react-redux-capstone\n\n### Install\n- npm install\n\n### Usage\n- npm start\n\n### Run tests\n- npm run test\n- npm run jest\n\n\nIf you are non a technical person you can download the zip file.\n\n- To do that you have to go to the green button that says 'Code' and then press on it.\n- Choose the option 'Download Zip' and wait until it download.\n- Then you need to decompress it.\n- You will need to have Zip compress file software installed in your computer. If you don't have it you can download it from here\n  [`https://www.7-zip.org/download.html`](https://www.7-zip.org/download.html)\n- Do double click on the bookstore.zip and choose a folder where to place all the decompressed files.\n- Once you are done decompressing, you can open the created folder.\n- In it you can double click on the index.html file and choose a browser to open it (For example google Chrome Browser).\n- Now you should be able to see the project.\n- Remember to use the mouse to navigate through the website. Also you can use the keys 'arrow up' and 'arrow down' of your keyboard to scroll up and down.\n\n## Author\n👤 **Gift Uwhubetine**\n\n- GitHub: [@githubhandle](https://github.com/ghiftee)\n- Twitter: [@twitterhandle](https://twitter.com/i_ghiftee)\n- LinkedIn: [LinkedIn](https://linkedin.com/in/giftuwhubetine)\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## 📝 License\n\nThis project is [MIT](./MIT.md) licensed.\n\n## Acknowledgments\n- Nelson Sakwa on Behance for the design guideline.\n- Microverse for the project inspiration.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fghiftee%2Fmicroverse-react-redux-capstone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fghiftee%2Fmicroverse-react-redux-capstone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fghiftee%2Fmicroverse-react-redux-capstone/lists"}