{"id":23011520,"url":"https://github.com/neulabscom/frontend-assignment","last_synced_at":"2025-09-10T00:39:51.794Z","repository":{"id":45383780,"uuid":"428996762","full_name":"neulabscom/frontend-assignment","owner":"neulabscom","description":"A take-home project for frontend engineers candidates","archived":false,"fork":false,"pushed_at":"2022-01-17T11:22:55.000Z","size":591,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":11,"default_branch":"main","last_synced_at":"2025-04-02T17:11:12.202Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/neulabscom.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":"2021-11-17T10:13:41.000Z","updated_at":"2022-05-07T04:07:31.000Z","dependencies_parsed_at":"2022-09-19T09:31:27.838Z","dependency_job_id":null,"html_url":"https://github.com/neulabscom/frontend-assignment","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/neulabscom/frontend-assignment","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neulabscom%2Ffrontend-assignment","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neulabscom%2Ffrontend-assignment/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neulabscom%2Ffrontend-assignment/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neulabscom%2Ffrontend-assignment/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/neulabscom","download_url":"https://codeload.github.com/neulabscom/frontend-assignment/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neulabscom%2Ffrontend-assignment/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274390562,"owners_count":25276406,"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","status":"online","status_checked_at":"2025-09-09T02:00:10.223Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":"2024-12-15T10:09:25.464Z","updated_at":"2025-09-10T00:39:51.751Z","avatar_url":"https://github.com/neulabscom.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"./logo.svg\" alt=\"frontend-assignment\" width=\"400\"\u003e\n  \u003cbr\u003e\u003cbr\u003e\n  \u003ca href=\"https://gitpod.io/from-referrer/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod\" alt=\"Gitpod Ready to Code\"\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n## Frontend developer take-home assignment\n\nFirst things first: thank you for taking the time to take this test.\nWe know how much your time is worth, and we greatly\nappreciate your effort.\n\nTo work on this project:\n1.  Fork this repository\n1.  When you're done, submit a pull request with your solution\n1.  Send an email to frontend-assignment@neulabs.com to notify the delivery of your project\n\nYou can either clone the repository and work on a local copy: in that case please contact us at frontend-assignment@neulabs.com when you're done with the assignment, and we'll arrange the best way to assess your work.\n\n**Online one-click setup for coding (Optional)**\n\nYou can use Gitpod (A free online VS Code-like IDE) for coding online.\n\nIf you want to use Gitpod:\n1. fork the repository \n1. click on this button.\n\n[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/from-referrer/)\n\n### Project brief\n\nYou will have to create a component defined in the following Figma files:\n\n**Design**\nhttps://www.figma.com/file/VrkWJvZ5Cm0gjPSSnw4y7U/Test-Frontend?node-id=16%3A2\n\n**Prototype**\nhttps://www.figma.com/proto/VrkWJvZ5Cm0gjPSSnw4y7U/Test-Frontend?page-id=18%3A1149\u0026node-id=18%3A2553\u0026viewport=408%2C48%2C0.5\u0026scaling=min-zoom\u0026starting-point-node-id=18%3A2553\u0026show-proto-sidebar=1\n\n**Product specs**\n\n1. The component must be responsive, according to the specs defined in the \"Design\" file. You are free to choose which resolution to set the breakpoint at.\n1. The animation is the same both in mobile and desktop\n1. The component must be reusable with different maps and points of interest\n1. Define the stories show different variants or edge cases\n\n**Code specs**\n\n1. The project is configured to use React with Typescript and [Storybook.js](https://storybook.js.org): add the new component and the related stories in `src/stories` directory\n1. Please maintain a consistent code style throughout the entire project\n1. The repository is configured to use styles with simple css imports, feel free to go that way or add any css-in-js library of your choice\n1. To implement the animations you can choose simple css or any library of your choice\n1. Embed the google font wherever you prefer, inside a global css or the component itself\n\n### Project deadline\n\nTake the time you need to deliver a result that satisfies you, but please do not go over the 2 weeks.\n\n### Quality assurance\n\nWe value a lot of things when assessing a project. No particular hints on this, but this one: **mind the details**. ;-)\n\nHappy coding!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneulabscom%2Ffrontend-assignment","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneulabscom%2Ffrontend-assignment","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneulabscom%2Ffrontend-assignment/lists"}