{"id":16201909,"url":"https://github.com/di-void/rest-countries-with-ts","last_synced_at":"2026-04-29T14:07:31.843Z","repository":{"id":99138632,"uuid":"553089362","full_name":"di-void/rest-countries-with-ts","owner":"di-void","description":"Go ahead. Search for a country., Find out stuff you never knew ^_^","archived":false,"fork":false,"pushed_at":"2023-07-09T00:17:15.000Z","size":1244,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T18:48:14.337Z","etag":null,"topics":["react","typescript"],"latest_commit_sha":null,"homepage":"https://countries-react-ts.netlify.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/di-void.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-10-17T17:41:56.000Z","updated_at":"2023-08-19T16:47:19.000Z","dependencies_parsed_at":"2024-11-03T11:01:38.252Z","dependency_job_id":null,"html_url":"https://github.com/di-void/rest-countries-with-ts","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/di-void/rest-countries-with-ts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/di-void%2Frest-countries-with-ts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/di-void%2Frest-countries-with-ts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/di-void%2Frest-countries-with-ts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/di-void%2Frest-countries-with-ts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/di-void","download_url":"https://codeload.github.com/di-void/rest-countries-with-ts/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/di-void%2Frest-countries-with-ts/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259602682,"owners_count":22883031,"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","typescript"],"created_at":"2024-10-10T09:44:51.577Z","updated_at":"2026-04-29T14:07:31.789Z","avatar_url":"https://github.com/di-void.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend Mentor - REST Countries API with color theme switcher solution\n\nThis is a solution to the [REST Countries API with color theme switcher challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca). Frontend Mentor challenges help you improve your coding skills by building realistic projects.\n\n## Table of contents\n\n- [Frontend Mentor - REST Countries API with color theme switcher solution](#frontend-mentor---rest-countries-api-with-color-theme-switcher-solution)\n  - [Table of contents](#table-of-contents)\n  - [Overview](#overview)\n    - [The challenge](#the-challenge)\n    - [Screenshot](#screenshot)\n    - [Links](#links)\n  - [My process](#my-process)\n    - [Built with](#built-with)\n    - [Continued development](#continued-development)\n    - [Useful resources](#useful-resources)\n  - [Author](#author)\n  - [Acknowledgments](#acknowledgments)\n\n**Note: Delete this note and update the table of contents based on what sections you keep.**\n\n## Overview\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_1.png)\n![](./screenshot.png)\n\n### Links\n\n- Solution URL: [My Solution](https://github.com/Multimarix/rest-countries-with-ts)\n- Live Site URL: [Live Site](https://countries-react-ts.netlify.app/)\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://reactjs.org/) - JS library\n- [Typescript](https://www.typescriptlang.org/) - Typescript\n- [Styled Components](https://styled-components.com/) - For styles\n- [React Skeleton Loader](https://www.npmjs.com/package/react-loading-skeleton) - For skeleton loaders in-app\n- [Rest Countries API](https://restcountries.com/) - For Countries Data\n\n### Continued development\n\nI plan to work on another version of this app that uses a different approach when it comes to the data fetching. I will leverage the full power of React Router v6.4 in that version.\n\n### Useful resources\n\n- [Organizing Typescript Code](https://blog.logrocket.com/organizing-typescript-code-using-namespaces/) - This helped during development to organize my typescript code.\n- [User-Defined Type Guards](https://levelup.gitconnected.com/user-defined-type-guards-in-typescript-fad639e4944f) - This is a good article about user defined type guards in typescript. It helped me a lot.\n\n## Author\n\n- Github - [Di-void](https://github.com/Di-void)\n- Frontend Mentor - [@Multimarix](https://www.frontendmentor.io/profile/Multimarix)\n- LinkedIN - [Don Akhirebhulu](https://www.linkedin.com/in/don-akhirebhulu-675082242/)\n\n## Acknowledgments\n\nVery tasking project from Frontend Mentor. Hats off to whoever came up with the designs.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdi-void%2Frest-countries-with-ts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdi-void%2Frest-countries-with-ts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdi-void%2Frest-countries-with-ts/lists"}