{"id":18532986,"url":"https://github.com/nikodermus/frontend-code-challenge","last_synced_at":"2025-04-09T14:31:50.841Z","repository":{"id":36572517,"uuid":"218078093","full_name":"Nikodermus/frontend-code-challenge","owner":"Nikodermus","description":"Framework agnostic live coding EcmaScript 6+ challenge","archived":false,"fork":false,"pushed_at":"2023-01-04T23:37:56.000Z","size":1636,"stargazers_count":3,"open_issues_count":17,"forks_count":52,"subscribers_count":1,"default_branch":"react","last_synced_at":"2025-03-24T07:57:00.516Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","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/Nikodermus.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":"2019-10-28T15:22:31.000Z","updated_at":"2023-10-12T13:29:44.000Z","dependencies_parsed_at":"2023-01-17T02:45:20.402Z","dependency_job_id":null,"html_url":"https://github.com/Nikodermus/frontend-code-challenge","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/Nikodermus%2Ffrontend-code-challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nikodermus%2Ffrontend-code-challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nikodermus%2Ffrontend-code-challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nikodermus%2Ffrontend-code-challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nikodermus","download_url":"https://codeload.github.com/Nikodermus/frontend-code-challenge/tar.gz/refs/heads/react","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248055186,"owners_count":21040135,"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-06T19:08:37.600Z","updated_at":"2025-04-09T14:31:50.339Z","avatar_url":"https://github.com/Nikodermus.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Front-end Code Challenge - React\n\nThis is a boilerplate for a code-challenge meant for Front-end engineers using React as library tool for development. It includes all necessary HTML and CSS, so your work is to focus on the development of the app. Please fork this repository in your own account.\n\n### For other technologies\n\nSwitch to the branch of the technology of your expertise and follow the README:\n\n```bash\ngit checkout [vue|react-native|angular]\n```\n\n## How to use\n\n```bash\ngit clone https://github.com/Nikodermus/frontend-code-challenge.git\ncd frontend-code-challenge\nnpm install\nnpm run start\n```\n\nThe app will be available in your browser at `localhost:3000`\n\n## Challenges\n\nThese are a series of features the app should do, here they are sorted in the priority they have, if you feel unable to complete one you can continue with the next one in hope to do as much as possible in given the time scope.\n\n1.  Fetch the given `.json` file inside `src/App.jsx` when the user writes in the input\n1.  Filter the results given user input, it can be searched by `Name` or one of its `Types`\n1.  Results should be not more than 4 at any time.\n1.  Sort elements first if the match the `Name`, then if they match the `Type`\n1.  User can toggle on/off to sort by maximum combat points (`MaxCP`), this will take effect on the whole list, but you should only show the first 4 elements that match the current search\n1.  If the search matches a part of the name, that part of the name should be hightlighted\n1.  While the list is being downloaded, show the loader.\n1.  If there're no results, show the `No Results` badge\n\n## Development\n\n-   You can use internet, other projects, textbooks and whatever you think you need to complete the task, work as you usually would.\n-   Please speak as you develop, this in order to understand better what you are trying to do.\n-   You can ask questions if you need to, but try to refer to this document in first place, should have all what you need.\n-   You can create as many components in the fasion you want (classes, stateless functional components, react hooks).\n-   This setup uses EcmaScript Stage 4, you can use destructure, rest syntax, etc... This project is meant to be written with ES6+ standard.\n-   Do not add dependencies.\n-   Do not spend time in configuration, babel, webpack. This project has enough for its purpose and time is short.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnikodermus%2Ffrontend-code-challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnikodermus%2Ffrontend-code-challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnikodermus%2Ffrontend-code-challenge/lists"}