{"id":21667073,"url":"https://github.com/princemuel/rest-countries","last_synced_at":"2025-10-23T22:45:19.770Z","repository":{"id":121047520,"uuid":"581695261","full_name":"princemuel/rest-countries","owner":"princemuel","description":"Harnessing the power of the REST Countries API, this application provides comprehensive and up-to-date information about any country","archived":false,"fork":false,"pushed_at":"2024-12-21T00:36:32.000Z","size":1204,"stargazers_count":2,"open_issues_count":6,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T07:13:02.529Z","etag":null,"topics":["country-information","rest-api"],"latest_commit_sha":null,"homepage":"https://rest-countries-mocha.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/princemuel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2022-12-24T01:24:38.000Z","updated_at":"2024-12-21T00:32:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"dbc9845b-61d8-4184-8cdb-85721bd8cb52","html_url":"https://github.com/princemuel/rest-countries","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/princemuel%2Frest-countries","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/princemuel%2Frest-countries/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/princemuel%2Frest-countries/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/princemuel%2Frest-countries/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/princemuel","download_url":"https://codeload.github.com/princemuel/rest-countries/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248381280,"owners_count":21094463,"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":["country-information","rest-api"],"created_at":"2024-11-25T11:32:56.486Z","updated_at":"2025-10-23T22:45:19.711Z","avatar_url":"https://github.com/princemuel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Countries of the World\n\nThis application uses the REST Countries API to get info about countries on planet earth.\n\n## Table of contents\n\n- [Countries of the World](#countries-of-the-world)\n  - [Table of contents](#table-of-contents)\n  - [Overview](#overview)\n    - [The challenge](#the-challenge)\n    - [Screenshot](#screenshot)\n    - [Links](#links)\n  - [Project Development](#project-development)\n    - [Running the App](#running-the-app)\n    - [Deploying the App](#deploying-the-app)\n  - [My process](#my-process)\n    - [Built with](#built-with)\n    - [What I learned](#what-i-learned)\n    - [Continued development](#continued-development)\n    - [Useful resources](#useful-resources)\n  - [Author](#author)\n  - [Acknowledgments](#acknowledgments)\n\n## Overview\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n### The challenge\n\nUsers should be able to:\n\n- See all countries from the API on the homepage\n- Search for a country using an `input` field\n- Filter countries by region\n- Click on a country to see more detailed information on a separate page\n- Click through to the border countries on the detail page\n- Toggle the color scheme between light and dark mode _(optional)_\n\n### Screenshot\n\n![](./screenshot.jpg)\n\n### Links\n\nPress \u003ckbd\u003e.\u003c/kbd\u003e on the keyboard to view this project's code in the _`github.dev`_ code editor just like in _`Visual Studio Code`_\n\n- Code: [Github Repository](https://github.com/princemuel/rest-countries)\n- Live Site: [REST Countries of the World](https://rest-countries-mocha.vercel.app/)\n\n## Project Development\n\n### Running the App\n\n- Clone the repo by running the command:\n\n```bash\ngit clone https://github.com/princemuel/rest-countries.git\n```\n\n- Enter into the project folder:\n\n```bash\ncd rest-countries\n```\n\n- Install the project's dependencies:\n\n```bash\n# NOTE: This project uses pnpm as package manager but that's optional. You may delete the lockfile and install the deps using your choice of package manager\n\nnpm install\n# or\nyarn install\n# or\npnpm install\n```\n\n- Then, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\n### Deploying the App\n\nYour app is ready to be deployed! The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n\n## My process\n\n### Built with\n\n- Semantic HTML5 markup\n- CSS custom properties\n- Flexbox\n- CSS Grid\n- Mobile-first workflow\n- [React](https://react.dev/) - JS library\n- [Next.js](https://nextjs.org/docs) - React framework\n- [Tailwind CSS](https://tailwindcss.com/docs) - For composing component styles using utility classes\n\n### What I learned\n\n```html\n\u003ch1\u003eSome HTML code I'm proud of\u003c/h1\u003e\n```\n\n```css\n.proud-of-this-css {\n  color: papayawhip;\n}\n```\n\n```js\nconst proudOfThisFunc = () =\u003e {\n  console.log('🎉');\n};\n```\n\n### Continued development\n\nUse this section to outline areas that you want to continue focusing on in future projects. These could be concepts you're still not completely comfortable with or techniques you found useful that you want to refine and perfect.\n\n### Useful resources\n\n- [Example resource 1](https://www.example.com) - This helped me for XYZ reason. I really liked this pattern and will use it going forward.\n- [Example resource 2](https://www.example.com) - This is an amazing article which helped me finally understand XYZ. I'd recommend it to anyone still learning this concept.\n\n## Author\n\n- Website (In Development) - [Prince Muel](https://princemuel.vercel.app/)\n- LinkedIn - [@princemuel](https://linkedin.com/in/princemuel/)\n- Twitter - [@iamprincemuel](https://twitter.com/iamprincemuel)\n\n## Acknowledgments\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprincemuel%2Frest-countries","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprincemuel%2Frest-countries","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprincemuel%2Frest-countries/lists"}