{"id":22555846,"url":"https://github.com/0plus1/codingchallenge-react","last_synced_at":"2025-04-10T05:20:22.629Z","repository":{"id":27075496,"uuid":"110187290","full_name":"0plus1/CodingChallenge-React","owner":"0plus1","description":"React developer coding challenge","archived":false,"fork":false,"pushed_at":"2023-01-04T01:19:43.000Z","size":1381,"stargazers_count":6,"open_issues_count":23,"forks_count":12,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-24T06:45:16.822Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/0plus1.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-11-10T01:33:15.000Z","updated_at":"2022-04-24T19:33:23.000Z","dependencies_parsed_at":"2022-08-26T15:41:09.840Z","dependency_job_id":null,"html_url":"https://github.com/0plus1/CodingChallenge-React","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0plus1%2FCodingChallenge-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0plus1%2FCodingChallenge-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0plus1%2FCodingChallenge-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0plus1%2FCodingChallenge-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0plus1","download_url":"https://codeload.github.com/0plus1/CodingChallenge-React/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248161459,"owners_count":21057594,"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-12-07T19:09:10.244Z","updated_at":"2025-04-10T05:20:22.598Z","avatar_url":"https://github.com/0plus1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Coding Challenge\n###### React\n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/adac75195f2a465c92137cea62a924af)](https://www.codacy.com/app/0plus1/CodingChallenge-React?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=0plus1/CodingChallenge-React\u0026amp;utm_campaign=Badge_Grade)\n\nThis coding challenge has been created to evaluate the skills of a React developer.\nThere is no right way to solve the challenge, best practices and understanding will emerge organically.\n\n### Challenge\n\nFork this repository and create a pull request when the challenge is complete.\n\nThe test is tiered with an increasingly difficult set of requirements. **Only the first tier is required** but solving all the tiers is encouraged.\n\nSourcecode must fully adhere to the [AirBnB](https://github.com/airbnb/javascript) style guide, no disabled rules.\n\n#### Tier one.\n\nYou are given a [URL](https://my-json-server.typicode.com/0plus1/CodingChallenge-react/books) which returns the JSON defined in the db.json file at the root of this project.\nPerform a GET to retrieve the data and render the result on the page however you see fit.\n\nBonus points are awarded for (in order of importance):\n\n* [Thinking in React](https://reactjs.org/docs/thinking-in-react.html)\n* Using a HOC as the main page layout\n* Unit testing using [enzyme](https://airbnb.io/enzyme/)\n* [💅](https://www.styled-components.com/)\n* Using [axios](https://github.com/axios/axios) for the API call\n\n#### Tier two.\n\nPerform the same task of tier one using Redux.\n\n\n#### Tier three.\n\nUsing Redux and React router, create a new url (_/book/{id}_) which will render a single book view.\nLink to this view on the book list route.\n\n\n### Required Knowledge\n\n* Javascript ES6\n* React\n\nRecommended\n* Redux\n* [React router](https://reacttraining.com/react-router/) \n* [💅](https://github.com/styled-components/styled-components)\n\n### Software requirements\n* [YARN](https://yarnpkg.com/en/)\n\n#### Install\n\nClone and run:\n\n```bash \nyarn install\nyarn start\n```\n\nMake sure everything is working, a browser window should open at the address _http://localhost:3000/_ displaying \"_Welcome!_\".\nThis route also accepts optional parameters to ensure that react-router is working correctly.\n\nRun the provided unit tests.\n\n```bash\nyarn test\n```\n\n## License\n\n[MIT license](http://opensource.org/licenses/MIT).\nFeel free to remix, use and contribute to this coding challenge.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0plus1%2Fcodingchallenge-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0plus1%2Fcodingchallenge-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0plus1%2Fcodingchallenge-react/lists"}