{"id":19493599,"url":"https://github.com/datapane/fe-hiring-challenge","last_synced_at":"2025-02-25T20:21:04.332Z","repository":{"id":105040346,"uuid":"223976535","full_name":"datapane/fe-hiring-challenge","owner":"datapane","description":"Hiring Challenge for Full Stack Developers","archived":false,"fork":false,"pushed_at":"2023-08-21T09:10:58.000Z","size":5,"stargazers_count":9,"open_issues_count":1,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-08T09:15:27.623Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"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/datapane.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":"2019-11-25T15:08:04.000Z","updated_at":"2024-04-30T15:25:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"aea0ddbf-d5f9-4a79-beb8-02d3b9d3f5b4","html_url":"https://github.com/datapane/fe-hiring-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/datapane%2Ffe-hiring-challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datapane%2Ffe-hiring-challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datapane%2Ffe-hiring-challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datapane%2Ffe-hiring-challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/datapane","download_url":"https://codeload.github.com/datapane/fe-hiring-challenge/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240739113,"owners_count":19849714,"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-10T21:26:41.922Z","updated_at":"2025-02-25T20:21:03.977Z","avatar_url":"https://github.com/datapane.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# FE Hiring Challenge\n\n# Introduction\n\nDatapane is being developed with a typical FE / BE split, where,\n- the FE is an SPA built using Vue3, Typescript, Pinia, Quasar, and more\n- the BE is a Django / Python web app that serves REST APIs\n\nThis challenge involves building a Vue component of the type we have to build and implement within the Datapane SPA for use within the BE. As an early-stage startup, we often have to work without fully complete specs and like to provide opportunities for developers to make their own choices rather than micromanage - we attempt to recreate that process here.\n\n# Task\n\nFor this task we'll be building a single Vue component that allows a user to set a recurring date and time for an event to occur, such as triggering an automated report generation event.\n\nThis component should accept the schedule using a `cron`-like textual entry format.\n\nThe component should validate the input and present the schedule to the user in an intuitive form. The manner this could take is left as an open-ended exercise for the reader, with credit given to the UX and ease-of-use of the component alongside the general execution, implementation, and extension of this concept.\n\nSome sample ideas could be, but not limited to,\n- Representing the schedule within a calendar widget\n- Representing the schedule as a easy-to-read sentence\n- Providing live syntax highlighting and debug/error messages regarding the `cron`-input string\n- Anything else that you think a user would benefit from\n\n## Technologies\n\n- Vue3\n- Typescript\n- Any CSS / component library of your choice, however we would not look as highly at a submission that uses a fully prebuilt component that implements this task\n- [Storybook](https://storybook.js.org/) or [Histoire](https://histoire.dev/) to showcase and present your component\n- Build systems and scripts of your choice, e.g. `vite`, `rollup`, etc.\n- Any other FE libraries you may find useful to help your task - we prioritize using existing libraries to accomplish tasks rather than building in-house\n\n## Requirements\n\n- Whilst we recommend using a CSS or Component library, we advise exercising judgment in not picking an existing `cron`-like component off-the-shelf that implements the task entirely\n- The component should be styled well and look complete\n- The component should be standalone and presented via Storybook or Historie\n- Instructions should be provided on how to build / bundle / start the system\n- Comments, tests, and documentation are strongly encouraged\n\n# Review\n\nThis task is deliberately open-ended, we encourage experimentation and extension of the component and concept.\n\nPlease don't spend more than 2-4 hours on this - we're looking to see how you approached the problem and the decisions made rather than a complete solution. This should be a fun challenge rather than a stressful endeavor.\n\nThere is no right answer as such, we will mainly be looking at code quality, software architecture skills, completeness of the solution from a software engineering perspective, and clarity of thought.\n\nOnce completed, please create a PR containing your work (or a private fork / zip file), send us an email, and book a second follow-up interview via the link in the previous email.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdatapane%2Ffe-hiring-challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdatapane%2Ffe-hiring-challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdatapane%2Ffe-hiring-challenge/lists"}