{"id":20667602,"url":"https://github.com/neckerfree/react-take-home-test","last_synced_at":"2026-04-17T16:04:35.223Z","repository":{"id":167486776,"uuid":"643054934","full_name":"NeckerFree/react-take-home-test","owner":"NeckerFree","description":"React Take Home Challenge","archived":false,"fork":false,"pushed_at":"2023-05-20T06:42:57.000Z","size":1099,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-01-13T10:36:27.064Z","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NeckerFree.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":"2023-05-20T01:25:38.000Z","updated_at":"2023-05-20T01:37:29.000Z","dependencies_parsed_at":"2023-05-22T15:15:13.787Z","dependency_job_id":null,"html_url":"https://github.com/NeckerFree/react-take-home-test","commit_stats":null,"previous_names":["neckerfree/react-take-home-test"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NeckerFree%2Freact-take-home-test","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NeckerFree%2Freact-take-home-test/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NeckerFree%2Freact-take-home-test/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NeckerFree%2Freact-take-home-test/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NeckerFree","download_url":"https://codeload.github.com/NeckerFree/react-take-home-test/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242873068,"owners_count":20199287,"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-16T19:44:25.321Z","updated_at":"2026-04-17T16:04:30.180Z","avatar_url":"https://github.com/NeckerFree.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Parallel Domain Front End Engineering Challenge\n\nWelcome candidate and thank you for taking the time to complete the Parallel Domain take-home challenge for our frontend engineer position.\n\nThis should take around 4-6 hours. Once you have completed your solution, please reply with a link to a github repository and the website where your application has been deployed. In case the repository is private, please grant access to recruiting-frontend@paralleldomain.com.\n\nThe goal of this challenge is to rebuild the Parallel Domain [jobs](https://paralleldomain.com/join-us) page. Please clone this repository and submit it once you are finished.\n\nHere are the rules of this challenge... you must:\n\n1.  Build an application that displays a list of open job positions - grouped by teams (Product engineering, Go-to-market, etc).\n2.  Use the React `useEffect` hook to fetch the jobs data from the Lever API, and save it to state by using the React `useState` hook. You can access all job postings via GET request to `https://api.lever.co/v0/postings/paralleldomain?mode=json`.\n3.  Display a loading state while the data is being fetched. You can use the [CircularProgress](https://mui.com/components/progress/#circular) component.\n4.  Add [select](https://mui.com/components/selects/#main-content) fields for location, teams and work type and store the active values by using the React `useState` hook. The dropdown options should be populated dynamically based on the available jobs. Once the user selects one or multiple options, the visible job postings should be filtered accordingly.\n5.  Add a banner component to the top of the page. You can access the image here `src/images/banner.jpeg`.\n6.  Make the layout fully responsive.\n7.  Follow the design language of the Parallel Domain website.\n\n_Important:_ You don't need to develop the jobs single page in this challenge. Instead, let the apply button link directly to the Lever page (e.g. [Frontend Engineer](https://jobs.lever.co/paralleldomain/a71b87c8-b0a6-4425-bb96-91c169ca2318/apply)). Furthermore, you can ignore fonts, footer and the header menu.\n\n## What we want to see\n\n1.  Demonstrate use of React hooks and data management\n2.  Demonstrate knowledge of component modularization\n3.  Utilize CSS to create the layout of the page\n4.  Create components as you feel is best suited for your solution\n\n## Bonus points\n\nApply a new design to the jobs page :raised_hands:\n\n## Styling Guidelines\n\nWe're using the [Material UI](https://mui.com/) design library behind the scenes to speed up the development process. You can apply global style overrides via the theme file `src/theme/mui` or use the [`sx` property](https://mui.com/system/the-sx-prop/#main-content) for individual components.\n\nIf you are more familiar with other styling methods such as CSS-in-JS libraries (emotion is installed) or CSS/SCSS stylesheets, it's totally fine to use those instead.\n\nGood luck and if you have questions, please reach out to us at robin@paralleldomain.com\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n### `npm build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneckerfree%2Freact-take-home-test","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneckerfree%2Freact-take-home-test","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneckerfree%2Freact-take-home-test/lists"}