{"id":23096719,"url":"https://github.com/anuva312/githubjobschallenge-devchallenges","last_synced_at":"2025-10-12T05:09:49.828Z","repository":{"id":159935067,"uuid":"441912767","full_name":"anuva312/GithubJobsChallenge-devChallenges","owner":"anuva312","description":"A job search app. Developed as a part of devChallenges Front-End Developer Challenge.","archived":false,"fork":false,"pushed_at":"2023-12-21T13:27:00.000Z","size":3119,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-03T20:14:49.076Z","etag":null,"topics":["css","devchallenges","devchallengesio","frontend","github-jobs","html","javascript","react"],"latest_commit_sha":null,"homepage":"https://hopeful-bose-110f03.netlify.app/","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/anuva312.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":"2021-12-26T14:39:34.000Z","updated_at":"2021-12-26T16:36:45.000Z","dependencies_parsed_at":"2023-12-21T15:54:19.870Z","dependency_job_id":null,"html_url":"https://github.com/anuva312/GithubJobsChallenge-devChallenges","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anuva312/GithubJobsChallenge-devChallenges","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuva312%2FGithubJobsChallenge-devChallenges","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuva312%2FGithubJobsChallenge-devChallenges/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuva312%2FGithubJobsChallenge-devChallenges/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuva312%2FGithubJobsChallenge-devChallenges/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anuva312","download_url":"https://codeload.github.com/anuva312/GithubJobsChallenge-devChallenges/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuva312%2FGithubJobsChallenge-devChallenges/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279010341,"owners_count":26084738,"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-10-12T02:00:06.719Z","response_time":53,"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":["css","devchallenges","devchallengesio","frontend","github-jobs","html","javascript","react"],"created_at":"2024-12-16T22:48:03.071Z","updated_at":"2025-10-12T05:09:49.768Z","avatar_url":"https://github.com/anuva312.png","language":"JavaScript","readme":"# Country\n\nSolution for the [Github Jobs Challenge](https://legacy.devchallenges.io/challenges/TtUjDt19eIHxNQ4n5jps) from [Devchallenges.io](https://legacy.devchallenges.io).\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n## Table of Contents\n\n- [Challenge](#challenge)\n- [Solution](#solution)\n  - [Demo](#demo)\n  - [Built With](#built-with)\n- [How to Use](#how-to-use)\n- [Acknowledgements](#acknowledgements)\n\n\u003c!-- Challenge --\u003e\n\n## Challenge\n\nChallenge: Create a job search using an API. Use Front-end libraries like React or Vue.\n\nFulfill user stories below:\n\n- User story: I can see a list of jobs in a city by default\n- User story: I can search for jobs with a given keyword\n- User story: I can search for jobs with a city name, zip code, or other location\n- User story: I can select one option from at least 4 pre-defined options\n- User story: I can search for a full-time job only\n- User story: I can see a list of jobs with their logo, company name, location, and posted time.\n- User story: When I select a job, I can see job descriptions and how to apply like the given design.\n- User story: When I am on the job details page, I can go back to the search page\n- User story (optional): I can see a list of jobs in the closest city from my location by default\n- User story (optional): I can see jobs on different pages, 5 items on each page\n\n\u003c!-- Solution --\u003e\n\n## Solution\n\nSince the Github Jobs API has been deprecated, I have used local data from the file _data.js_ to mock the API response.\n\nAll user stories except the optional ones have been fulfilled.\n\n- For searching using keywords, the job-title, location, and some predefined keywords defined in the jobs object in _data.js_ have been used.\n- Searching for jobs based on city, zip-code and country have been fulfilled using _grouped select_ options of [react-select](https://react-select.com/home).\n- The routing has been made possible using [react-routers](https://reactrouter.com/).\n\n### Demo\n\nFind the site in action [here](https://hopeful-bose-110f03.netlify.app/)!\n\n#### Home Page\n\n![home-page](public/assets/images/homepage.PNG)\n\n#### Home Page - Mobile View\n\n![home-page-mobile-view](public/assets/images/homepage-mobile-view.PNG)\n\n#### Jobs Page\n\n![jobs-page](public/assets/images/jobspage.PNG)\n\n#### Jobs Page - Mobile View\n\n![jobs-page-mobile-view](public/assets/images/jobspage-mobile-view.PNG)\n\n### Built With\n\n- [React](https://reactjs.org/)\n\n\u003c!-- How To Use --\u003e\n\n## How To Use\n\nTo clone and run this application, you'll need [Git](https://git-scm.com) and [yarn](https://yarnpkg.com/). From your command line:\n\n```bash\n# Clone this repository\n$ git clone https://github.com/anuva312/GithubJobsChallenge-devChallenges\n\n# Install dependencies\n$ yarn install\n\n# Run the app\n$ yarn start\n```\n\n## Acknowledgements\n\n- [React Router](https://reactrouter.com/)\n- [React Select](https://react-select.com/home)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanuva312%2Fgithubjobschallenge-devchallenges","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanuva312%2Fgithubjobschallenge-devchallenges","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanuva312%2Fgithubjobschallenge-devchallenges/lists"}