{"id":20970195,"url":"https://github.com/chambrin/frontend-checkpoint","last_synced_at":"2025-10-15T07:46:25.572Z","repository":{"id":247375992,"uuid":"825664289","full_name":"chambrin/frontend-checkpoint","owner":"chambrin","description":null,"archived":false,"fork":false,"pushed_at":"2024-07-08T09:54:11.000Z","size":1202,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-11T11:12:57.769Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/chambrin.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":"2024-07-08T09:14:31.000Z","updated_at":"2024-07-08T09:54:14.000Z","dependencies_parsed_at":"2024-07-08T12:25:49.178Z","dependency_job_id":"712b3d95-75d3-4774-9ed6-d65dc5bc15ed","html_url":"https://github.com/chambrin/frontend-checkpoint","commit_stats":null,"previous_names":["chambrin/frontend-checkpoint"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chambrin%2Ffrontend-checkpoint","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chambrin%2Ffrontend-checkpoint/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chambrin%2Ffrontend-checkpoint/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chambrin%2Ffrontend-checkpoint/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chambrin","download_url":"https://codeload.github.com/chambrin/frontend-checkpoint/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243365637,"owners_count":20279215,"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":[],"created_at":"2024-11-19T03:57:09.151Z","updated_at":"2025-10-15T07:46:20.535Z","avatar_url":"https://github.com/chambrin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Checkpoint frontend\n\n## Instructions\n\nTu vas utiliser une API GraphQL qui fournit des informations sur un ensemble de pays.\n\nTu peux démarrer le checkpoint en une commande (qui utilise docker), dans le répertoire racine :\n\n```sh\nnpm start\n```\n\nSi tu ne souhaites pas utiliser docker, rends-toi simplement dans les sous-repertoires backend et frontend et lis les instructions dans le fichier README à l'intérieur.\n\nUne fois le projet lancé, rends-toi sur [http://localhost:4000/graphql](http://localhost:4000/graphql) afin d'explorer l'API.\n\n![explorer api graphql](https://github.com/WildCodeSchool/checkpoint-front-wns/blob/main/screenshots/example/exploring_graphql_api.png?raw=true)\n\nPour réaliser ce projet, tu peux si tu le souhaites utiliser du CSS pur ou bien utiliser un framework CSS de ton choix (TailwindCSS, MaterialUI, Schadcn, AntDesign, ...)\n\nTu vas devoir développer la partie front de 3 fonctionnalités :\n\n- Listing des pays (avec au minimum les infos \"name\" et \"emoji\") pour chaque pays\n- Affichage des détails d'un pays sur une page dédiée (\"name\", \"code\", \"emoji\" et nom du continent s'il est renseigné)\n- Ajout d'un pays (avec au minimum les infos \"name\", \"code\" et \"emoji\")\n\nVoici un aperçu de ce que cela pourrait donner :\n\n![ajout et listing des pays](https://github.com/WildCodeSchool/checkpoint-front-wns/blob/main/screenshots/example/listing_add_desktop.png?raw=true)\n\n![details d'un pays](https://github.com/WildCodeSchool/checkpoint-front-wns/blob/main/screenshots/example/country_details_desktop.png?raw=true)\n\nEn bonus, tu pourras compléter le développement :\nPermettre de renseigner un continent (à l'aide d'un select) lors de l'ajout d'un pays.\nDès que tu as fini, penses à prendre un screenshot de toutes tes pages en mobile et en desktop et à placer ces derniers dans le dossier screenshots, où tu trouveras des exemples visuels des résultats attendus.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchambrin%2Ffrontend-checkpoint","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchambrin%2Ffrontend-checkpoint","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchambrin%2Ffrontend-checkpoint/lists"}