{"id":16076249,"url":"https://github.com/m-anwar-hussaini/javascriptcapstone","last_synced_at":"2025-04-15T01:14:10.866Z","repository":{"id":176666904,"uuid":"659085523","full_name":"M-Anwar-Hussaini/JavaScriptCapstone","owner":"M-Anwar-Hussaini","description":"This project is a web application that provides information about different countries. It allows users to explore details such as the continent, capital, area, and population of various countries. Users can also view comments and add their own insights about specific countries.","archived":false,"fork":false,"pushed_at":"2023-06-29T23:15:24.000Z","size":275,"stargazers_count":12,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-04-15T01:14:05.078Z","etag":null,"topics":["api","css","html5","javascript","jest","testing","webpac"],"latest_commit_sha":null,"homepage":"https://m-anwar-hussaini.github.io/JavaScriptCapstone/","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/M-Anwar-Hussaini.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-06-27T05:42:45.000Z","updated_at":"2024-08-18T17:03:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"dcf22bd0-75e7-4e73-a7cd-f30752d21a52","html_url":"https://github.com/M-Anwar-Hussaini/JavaScriptCapstone","commit_stats":null,"previous_names":["m-anwar-hussaini/javascriptcapstone","anwar-hussaini/javascriptcapstone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/M-Anwar-Hussaini%2FJavaScriptCapstone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/M-Anwar-Hussaini%2FJavaScriptCapstone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/M-Anwar-Hussaini%2FJavaScriptCapstone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/M-Anwar-Hussaini%2FJavaScriptCapstone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/M-Anwar-Hussaini","download_url":"https://codeload.github.com/M-Anwar-Hussaini/JavaScriptCapstone/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248986315,"owners_count":21194025,"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":["api","css","html5","javascript","jest","testing","webpac"],"created_at":"2024-10-09T09:41:07.339Z","updated_at":"2025-04-15T01:14:10.837Z","avatar_url":"https://github.com/M-Anwar-Hussaini.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 \\[Most Visitied Countries\\] ](#-most-visitied-countries-)\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    - [Configuring WebPack](#configuring-webpack)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Usage](#usage)\n    - [Run tests](#run-tests)\n    - [Deployment](#deployment)\n  - [👥 Authors ](#-authors-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [📝 License ](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 [Most Visitied Countries] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**[Most Visitied Countries]** is a web application that provides information about different countries. It allows users to explore details such as the continent, capital, area, and population of various countries. Users can also view comments and add their own insights about specific countries. The application utilizes the Involvement API to enable features like liking countries and commenting. It offers a user-friendly interface with pop-up windows to display country information and interact with the community through comments. The project aims to provide an engaging platform for users to learn and share knowledge about different countries.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n1. ✅ **HTML**\n2. ✅ **CSS**\n3. ✅ **BootStrap**\n4. ✅ **JavaScript**\n5. ✅ **WebPack**\n6. ✅ **LightHouse**\n7. ✅ **WebHint**\n8. ✅ **Styelint**\n9. ✅ **ESLint**\n10. ✅ **Git**\n11. ✅ **Github**\n12. ✅ **APIs**\n13. ✅ **Jest**\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eMarkup\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eHTML\u003c/li\u003e\n    \u003cli\u003eMD markup\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eStyle\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eCSS\u003c/li\u003e\n    \u003cli\u003eBootstrap\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eDynamic\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eJavaScript\u003c/li\u003e\n    \u003cli\u003eWepPack\u003c/li\u003e\n    \u003cli\u003eAPIs\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- 🔰 **[Display countries with thier informations]**\n- 🔰 **[Asynchronous javascript functionality]**\n- 🔰 **[Professional design]**\n- 🔰 **[Good look and feel]**\n- 🔰 **[Responsive]**\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- ✅ [Click](https://m-anwar-hussaini.github.io/JavaScriptCapstone/) to see live demo and watch this [video](https://drive.google.com/file/d/1Gjnf-vcZmFESFgXIL3QvS6qss1ailWN7/view?usp=sharing) for project short descriptions.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n**To get a local copy up and running, follow these steps.**\n\n1. Download or clone this [repostory](https://github.com/M-Anwar-Hussaini/JavaScriptCapstone).\n2. Provide a browser.\n3. Open the `./dist/index.html` file using webpage browser.\n\n### Prerequisites\n\n**In order to run this project you need:**\n\n- ✔ [Git](https://git-scm.com/downloads) installed in your machine.\n- ✔ Sign in or sign up to your [Github](https://github.com/) account.\n- ✔ A professional editer such as [VS Code](https://code.visualstudio.com/download).\n- ✔ An Updated web browser such as Google Chrome, you can download it from [here](https://www.google.com/chrome/).\n- ✔ [Node.js](https://nodejs.org/en/download) installed in your machine.\n- ✔ Lighthouse.\n- ✔ Webhint\n- ✔ Stylelint\n- ✔ ESLint\n- ✔ WebPack\n\n```sh\nnpm init -y\nnpm install --save-dev hint@7.x\nnpx hint .\n```\n\n- ✔ Stylelint\n\n```sh\nnpm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x\n```\n\n- ✔ ESLint\n\n```sh\nnpm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x\n```\n\n### Configuring WebPack\n\n1. Initialize package.json:\n\n```sh\nnpm init y\n```\n\n2. Install webpack:\n\n```sh\nnpm install webpack webpack-cli --save-dev\n```\n\n3. Install CSS style loader:\n\n```sh\nnpm install --save-dev style-loader css-loader\n```\n\n### Setup\n\n- Clone this [repository](https://github.com/M-Anwar-Hussaini/JavaScriptCapstone) to your desired folder:\n\n- Example commands:\n\n```sh\n  cd [YOUR FOLDER]\n  git clone https://github.com/M-Anwar-Hussaini/JavaScriptCapstone.git\n```\n\n### Install\n\n- Install this project by cloning or downloading the master branch of this [repository](https://github.com/M-Anwar-Hussaini/JavaScriptCapstone) and run `index.html` file on the root of repository.\n\n### Usage\n\n- To run the project, execute the following command:\n\n```sh\n cd [YOUR FOLDER]\n git clone https://github.com/M-Anwar-Hussaini/JavaScriptCapstone.git\n```\n\n### Run tests\n\n1. WebHint ☑\n\n```\nnpx hint .\n```\n\n2. Stylelint ☑\n\n```\nnpx stylelint \"**/*.{css,scss}\"\n```\n\n3. ESLint ☑\n\n```\nnpx eslint .\n```\n\n### Deployment\n\n**This project is deployed by the author, no permission for deployment by any other client.**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Mohammad Anwar Hussaini**\n\n- 👤 GitHub: [@Anwar Hussaini](https://github.com/M-Anwar-Hussaini)\n- 👤 Twitter: [@MAnwarHussaini](https://twitter.com/MAnwarHussaini)\n- 👤 LinkedIn: [Mohammad Anwar Hussaini](https://www.linkedin.com/in/mohammad-anwar-hussaini-876638267/)\n\n👤 **Sergio Usma**\n\n- GitHub: [@sergio-usma](https://github.com/sergio-usma)\n- Twitter: [@VonUsma](https://twitter.com/vonusma)\n- LinkedIn: [Sergio Andres Usma](https://www.linkedin.com/in/sergiousma/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **[Release Version]**\n- [ ] **[Host to a server]**\n- [ ] **[Use bootstrap framework]**\n- [ ] **[Use developer local storage]**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/M-Anwar-Hussaini/JavaScriptCapstone/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project, kindly drop a start for the [repository](https://github.com/M-Anwar-Hussaini/JavaScriptCapstone);\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n**I would like to thank the following individuals and organizations for their contribution to this project.**\n\n- 🙏We would like to express my heartfelt gratitude to [**Microvere**](https://www.microverse.org/?grsf=mohammad-a-nbtazu) for the invaluable learning experience they have provided. The supportive community, dedicated mentors, and remote collaboration opportunities have enhanced my technical skills and prepared me for real-world projects. I extend my appreciation to the mentors and staff members for their guidance and support. The friendships and knowledge sharing within the Microverse community have made this journey truly rewarding.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\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%2Fm-anwar-hussaini%2Fjavascriptcapstone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fm-anwar-hussaini%2Fjavascriptcapstone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fm-anwar-hussaini%2Fjavascriptcapstone/lists"}