{"id":41195374,"url":"https://github.com/blueflag/front-end-coding-exercise","last_synced_at":"2026-01-22T20:35:42.177Z","repository":{"id":44509750,"uuid":"422388267","full_name":"blueflag/front-end-coding-exercise","owner":"blueflag","description":null,"archived":false,"fork":false,"pushed_at":"2023-04-25T16:52:40.000Z","size":136,"stargazers_count":0,"open_issues_count":2,"forks_count":11,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-29T07:11:27.068Z","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/blueflag.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,"zenodo":null}},"created_at":"2021-10-28T23:55:27.000Z","updated_at":"2022-02-08T02:01:08.000Z","dependencies_parsed_at":"2025-07-12T21:02:03.412Z","dependency_job_id":null,"html_url":"https://github.com/blueflag/front-end-coding-exercise","commit_stats":null,"previous_names":["bland-duck-moose/front-end-coding-exercise","blueflag/front-end-coding-exercise"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/blueflag/front-end-coding-exercise","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blueflag%2Ffront-end-coding-exercise","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blueflag%2Ffront-end-coding-exercise/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blueflag%2Ffront-end-coding-exercise/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blueflag%2Ffront-end-coding-exercise/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/blueflag","download_url":"https://codeload.github.com/blueflag/front-end-coding-exercise/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blueflag%2Ffront-end-coding-exercise/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28670385,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-22T19:36:09.361Z","status":"ssl_error","status_checked_at":"2026-01-22T19:36:05.567Z","response_time":144,"last_error":"SSL_read: 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":[],"created_at":"2026-01-22T20:35:41.220Z","updated_at":"2026-01-22T20:35:42.157Z","avatar_url":"https://github.com/blueflag.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blue Flag Front End Coding Exercise\n\nWe would like you to design and build a mock user interface to display some hypothetical training data to a manager.\n\n----\n\nThere are 3 types of data to read: users, learning resources, and learning records.\n\n- *Users* are people in the system\n- *Learning resources* are pieces of training that users can interact with.\n- Users can interact with these learning resources, and each interaction is recorded as a *learning record*.\n\nThe manager wants to see how each of the *users* have interacted with each of the available *learning resources*. It is up to you to decide what you think is the most user friendly way to present this data to the manager.\n\nConsider some of the questions that the manager may be thinking about when they use this user interface.\n\n- Has user X attempted or completed learning resource Y?\n- Who has completed a lot of the learning resources? Who hasn't?\n- Which learning resources have been completed the most?\n- Which learning resources have not been interacted with at all yet?\n- Which job position does user X belong to?\n\nThese questions don't necessarily need specific features built for them. As long as the user interface lets the manager work out the answers to these questions then that is enough.\n\nThere are 3 mock JSON files containing the data to render, available at these URLs when developing the app locally:\n\n- `http://localhost:3000/users.json`\n- `http://localhost:3000/learning-resources.json`\n- `http://localhost:3000/learning-records.json`\n\nPlease make your user interface request this data via XHR, collate it and render it how you think is appropriate. You can make whatever changes you like to any of the code, including add any new npm dependencies you find useful. Feel free to use colours, icons, tooltips or any user interface components you like to present the data in a user friendly way.\n\nFor reference, the full list of possible learning record verbs are `ATTEMPT`, `COMPLETE`, `FAIL`, `PASS`, `ENROL` and `ATTEND`.\n\n## Developer setup\n\nYou will need Node.js v14 or higher on your local machine.\n\nPlease fork this repo, clone it to your machine and run `npm install` to get started. Once done you can run the app using `npm start`.\n\nWhen you're done please make a pull request back into the `https://github.com/blueflag/front-end-coding-exercise` repo. We'll clone it and run it locally and see how it looks, works and feels.\n\nThank you, and good luck!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblueflag%2Ffront-end-coding-exercise","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblueflag%2Ffront-end-coding-exercise","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblueflag%2Ffront-end-coding-exercise/lists"}