{"id":24110598,"url":"https://github.com/juanpa8830/react-capstone-metrix","last_synced_at":"2025-02-28T05:19:08.341Z","repository":{"id":107634575,"uuid":"600858252","full_name":"Juanpa8830/react-capstone-metrix","owner":"Juanpa8830","description":"This is a WebApp that allow users to look for the countries of the America continent filtered by name. They are also allowed to see additional details of each country in the list. Built with HTML, CSS, JavaScript, Webpack, react, redux","archived":false,"fork":false,"pushed_at":"2023-02-15T15:22:35.000Z","size":3788,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-01-11T01:16:52.975Z","etag":null,"topics":["css3","html","javascript","reactjs","redux-toolkit","webpack"],"latest_commit_sha":null,"homepage":"","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/Juanpa8830.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":"2023-02-12T19:59:05.000Z","updated_at":"2023-06-10T16:44:02.000Z","dependencies_parsed_at":"2023-06-08T15:45:40.390Z","dependency_job_id":null,"html_url":"https://github.com/Juanpa8830/react-capstone-metrix","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/Juanpa8830%2Freact-capstone-metrix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juanpa8830%2Freact-capstone-metrix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juanpa8830%2Freact-capstone-metrix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juanpa8830%2Freact-capstone-metrix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Juanpa8830","download_url":"https://codeload.github.com/Juanpa8830/react-capstone-metrix/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241104382,"owners_count":19910428,"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":["css3","html","javascript","reactjs","redux-toolkit","webpack"],"created_at":"2025-01-11T01:15:38.070Z","updated_at":"2025-02-28T05:19:08.331Z","avatar_url":"https://github.com/Juanpa8830.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"americaIcon.PNG\" alt=\"logo\" width=\"180\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003eAmerica's Population\u003c/b\u003e\u003c/h3\u003e\n  \u003cp\u003eThis is a WebApp that allow users to look for the countries of the America continent filtered by name. They are also allowed to see additional details of each country in the list.\u003c/p\u003e\n\n\u003c/div\u003e\n\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 \\[America's Population\\] ](#America's Population)\n  - [🛠 Built With ](#-built-with-)\n    - [Tech Stack ](#tech-stack-)\n    - [Key Features ](#key-features-)\n  - [🚀 Live Demo ](#-live-demo-)\n  - [💻 Getting Started ](#-getting-started-)\n    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Build](#build)\n    - [Run](#run)\n    - [Deployment](#deployment)\n  - [👥 Authors ](#-authors-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [© Acknowledge ](#-acknowledge-)\n  - [⭐ Show your support ](#-show-your-support-)\n  - [❓ FAQ ](#-faq-)\n  - [📝 License ](#-license-)\n\n# 📖 [America's Population] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n*[America's Population]* This is a WebApp that allow users to look for the countries of the America continent filtered by name. They are also allowed to see additional details of each country in the list.\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"./src/images/Captura1.PNG\" alt=\"Spacex-project2\" width=\"750\"  height=\"auto\" /\u003e\n   \n  \u003cimg src=\"./src/images/Captura2.PNG\" alt=\"Spacex-project\" width=\"750\"  height=\"auto\" /\u003e\n\n  \u003cbr/\u003e\n\n\u003c/div\u003e\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eJavascript\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://webpack.js.org/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eWebPack\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://es.reactjs.org/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eReact\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://es.redux.js.org/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRedux\u003c/li\u003e\n  \u003c/ul\u003e\n\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\n- *Added detailed information for each cuntry*\n\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- \u003ca href=\"https://americas-population.onrender.com\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eAmerica's-Population - Live Demo\u003c/a\u003e\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need `git` locally installed. Please got to [Getting Started - Installing Git guide](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git) and follow the steps described for your system to install `git`.\n\n### Setup\n\nClone this repository to your desired folder:\n```sh\n  cd my-folder\n  git clone git@github.com:juanpa8830/react-capstone-metrix.git\n```\n\n### Install\n\nInstall this project with:\n```sh\n  cd spacex-project\n  npm install\n```\n\n### Build\n\nTo build the project, execute the following command:\n```sh\n  npm run build  \n```\n\n### Run\n\nTo run the application, type the following command:\n\n  npm start\n\n\n### Deployment\n\nYou can deploy this project using:\n```sh\n  npm deploy\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👨‍💻 Juan Pablo Guerrero\n\n- GitHub: \u003ca href=\"https://github.com/juanpa8830\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e@Juanpa8830\u003c/a\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] *Add more details for each country.*\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nIn order to improve this project, contributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## © Acknowledge \u003ca name=\"acknowledge\"\u003e\u003c/a\u003e\n\nI'd like to thank Nelson Sakwa whose design was used as a template for my project.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## ⭐ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nWe really enjoyed doing this project, so, if you like it, I´d appreciate your support giving me a ⭐.\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuanpa8830%2Freact-capstone-metrix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjuanpa8830%2Freact-capstone-metrix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuanpa8830%2Freact-capstone-metrix/lists"}