{"id":19767381,"url":"https://github.com/hoxtygen/joblisting","last_synced_at":"2026-06-10T08:31:33.942Z","repository":{"id":37237471,"uuid":"505521405","full_name":"Hoxtygen/joblisting","owner":"Hoxtygen","description":null,"archived":false,"fork":false,"pushed_at":"2022-06-24T09:30:31.000Z","size":409,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-28T10:56:53.729Z","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/Hoxtygen.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":"2022-06-20T16:41:28.000Z","updated_at":"2022-06-20T16:46:13.000Z","dependencies_parsed_at":"2022-08-18T01:10:10.027Z","dependency_job_id":null,"html_url":"https://github.com/Hoxtygen/joblisting","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Hoxtygen/joblisting","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hoxtygen%2Fjoblisting","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hoxtygen%2Fjoblisting/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hoxtygen%2Fjoblisting/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hoxtygen%2Fjoblisting/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hoxtygen","download_url":"https://codeload.github.com/Hoxtygen/joblisting/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hoxtygen%2Fjoblisting/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34144679,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-10T02:00:07.152Z","response_time":89,"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-11-12T04:29:29.800Z","updated_at":"2026-06-10T08:31:33.922Z","avatar_url":"https://github.com/Hoxtygen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Task\nYour task is to implement a UI for the given jobs data:\n1. Rendering the list of jobs as individual cards showing the most important information (Title, Company, City, Investors)\n1. A search interface at the top that will filter down the list with the following elements:\n   1. Search box for Job Title\n   1. Filter for Company\n   1. Filter for City\n   1. *Filter by Investors (only jobs from companies with these investors)\n1. A reset button that removes any applied filters\n\n(Tasks items with **\"*\" are optional**)\n\nWe’re not giving you any restrictions in how it should look. You can take inspiration from existing job platforms or just implement your own design\u0026layout. The focus is on the search element + list view, no need to implement a complex page layout.\n\nYou’re also free to use any framework and styling library that you prefer. Just FYI our stack at Talentspace ist Ant Design with styled-components.\n\n## Overview\n\nThis project uses a `docker-compose` file to bundle the React app with a Postgres database and [Hasura GraphQL Engine](https://hasura.io/).\nUpon start the database will be initialized with tables `jobs`, `companies`, `investors` and `company_investors` and seeded with data.\n\n## How to run the project\n\nThere are two ways how to run the project:\n\n1.) Using only the docker-compose file: \n- `docker-compose up --build`\n- This will start the React app on port 8000 and Hasura on port 8080\n\n\n2.) Running a local version of the React app alongside the docker container \n- `docker-compose up -d --build`\n- `yarn install`\n- `yarn start`\n- This will start the local React app on port 3000 and Hasura on port 8080\n\n## Description of commands\n\n### `docker-compose up -d --build`\n\nBuilds and starts the containers for the React app, Postgres database and Hasura Console alongside each other.\nIt can take a few seconds after the containers have started until the Database is fully initialized and seeded.\n* Open [http://localhost:8000](http://localhost:8000) for the **React app**\n* Open [http://localhost:8080](http://localhost:8080) for the **Hasura Console**\n\n### `yarn start`\n\nRuns the app in the local development mode. If you prefer this to the dockerized React app. \u003cbr /\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view the **React app**\n\nYou **still have to run the docker containers** at the same time, to make the Database + Hasura Console available.\n\n## Executing commands in the React container (e.g. for adding packages)\nIf you want to add a new package, you can do this in the project. But it won't automatically be available in the React container without rebuilding.\n\nTo make an added package available without rebuilding you can run yarn install directly in the container:\n\n`docker exec -it coding-challenge yarn install`\n\n## About Hasura GraphQL Engine\n\nHasura GraphQL Engine is a blazing-fast GraphQL server that gives you **instant, realtime GraphQL APIs over Postgres**, with [**webhook triggers**](event-triggers.md) on database events, and [**remote schemas**](remote-schemas.md) for business logic.\n\nHasura helps you build GraphQL apps backed by Postgres or incrementally move to GraphQL for existing applications using Postgres.\n\nRead more at [hasura.io](https://hasura.io) and the [docs](https://hasura.io/docs).\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhoxtygen%2Fjoblisting","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhoxtygen%2Fjoblisting","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhoxtygen%2Fjoblisting/lists"}