{"id":19268299,"url":"https://github.com/alexbelloni/countrix","last_synced_at":"2026-04-20T13:32:40.210Z","repository":{"id":41484491,"uuid":"285678686","full_name":"alexbelloni/countrix","owner":"alexbelloni","description":"REST Countries API using React with color theme switcher from frontendmentor.io","archived":false,"fork":false,"pushed_at":"2022-07-03T13:15:35.000Z","size":971,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-23T19:45:49.836Z","etag":null,"topics":["accessibility","frontendmentor","react","react-query","react-router-dom","styled-components"],"latest_commit_sha":null,"homepage":"https://countrix.netlify.app/","language":"JavaScript","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/alexbelloni.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}},"created_at":"2020-08-06T21:51:57.000Z","updated_at":"2022-07-04T13:46:47.000Z","dependencies_parsed_at":"2022-08-25T10:40:54.999Z","dependency_job_id":null,"html_url":"https://github.com/alexbelloni/countrix","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alexbelloni/countrix","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Fcountrix","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Fcountrix/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Fcountrix/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Fcountrix/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexbelloni","download_url":"https://codeload.github.com/alexbelloni/countrix/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexbelloni%2Fcountrix/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32048947,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T11:35:06.609Z","status":"ssl_error","status_checked_at":"2026-04-20T11:34:48.899Z","response_time":94,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["accessibility","frontendmentor","react","react-query","react-router-dom","styled-components"],"created_at":"2024-11-09T20:15:44.015Z","updated_at":"2026-04-20T13:32:40.165Z","avatar_url":"https://github.com/alexbelloni.png","language":"JavaScript","readme":"# Countrix \n  \n  [![Netlify Status](https://api.netlify.com/api/v1/badges/2fef420a-2635-4f81-891e-def65c1ea022/deploy-status)](https://app.netlify.com/sites/countrix/deploys)\n\n## Introduction\nCountrix is an educational platform, which presents information about all countries such as its flag, population, and capital city. There are two options of searching: by name or region. The click on a country brings more details about it.  \n  \n[Website](https://countrix.netlify.app/)  \n\n## Challenge\nThis project is based on a FrontMentor [challenge](https://bit.ly/3ikC9I1), which allows the developer to improve your skills in a real-life workflow.  \nThe challenge is to integrate with the [REST Countries API](https://restcountries.eu) to pull country data and display it like in the designs.  \n\n## Requeriments\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\n\n## Main technologies\n- Reactjs with routes \n- Styled-Components  \n- Hooks - such as useQuery and useState  \n\n## Next Steps\nIt's a work in progress. When praticing or reviewing a tech subject, I'll apply here.  \n- Google Maps  \n- Acessibility\n\n\n## Open Source\n[Website](https://countrix.netlify.app/)  \n[GitHub](https://github.com/alexbelloni/countrix)\n\nCross Browser Testing tools:   \nbrowserstack  \ncypress com\n  \n  componentes no storybook  \n  \n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexbelloni%2Fcountrix","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexbelloni%2Fcountrix","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexbelloni%2Fcountrix/lists"}