---
# System prepended metadata

title: Untitled

---



## 1.Create a job search Application using GitHub Jobs API. 

[API-](https://jobs.github.com/api) https://jobs.github.com/api



The Application should have the following features:

*  Users can see list of jobs in a city by default.
*  Users should be able to search for jobs with a given keyword like city name, zip code or location,
*  Cards list to display the Job details (Company Name, Logo, Location and Date ).
*  Clicking a particular card in the list should direct the user to a different page to show complete details of the job. 



#### Brownie Points - (Optional)

* Design First Approach - use any Design tools like Figma, AdobeXD.
* Responsive Application (Adapt to all Screen sizes)





## 


Task-2

##

## 2. Create a reusable Button and Input fields with all the states in the design and a page displaying all the states. 


## Reusable Button
* Different Button Types (Default, outline, Disabled).
* On hover or focus, show the visual indicators.
* Different Button Sizes.
* icon on the left or right side of Button (Use Google Icon and at least 5 variants)




The Components should have the following States:

![](https://i.imgur.com/xXLu8OA.jpg)





## Input Field
* Error.
* Disabled Input.
* Helper Text.
* Different Input Sizes.
* Full Width & Multiline TextAreas.
* On hover or focus, show the visual indicators.

![](https://i.imgur.com/HeItYxZ.jpg)


Icons: https://google.github.io/material-design-icons/

As long as you fulfill all the requirements, you can give your personal touches by adding transition, using your own images, changing colors, or even creating your own layout.


> NOTE: 
> * You can use any of the frontend frameworks (React, Vue or Vanilla JS) to build the application (**React is preferable**)
> * The application source code should be maintained using Git in a public repo (**GitHub is preferable**) 
> * Write a Readme file explaining the steps and the dependencies required to run the project. Ensure you document any assumptions that you make.
> * You can also host the application on any hosting platform.(Heroku, Surge, Netlify, etc)
> * You should build this as if it were a real project that you had to maintain for a year.
> * We highly value code cleanliness, re-usability, DRY principle, structure and hierarchy. We recommend you to come up with a plan before jumping into programming.
> * There is ideally no deadline to finish the assignment, but faster the submission the better. 

### Submit the application details in this [form](https://forms.gle/yf2MguhgZR9Jp7nCA) : https://forms.gle/yf2MguhgZR9Jp7nCA






