About this template
Introduction to the Job Search Website Template
Welcome to the Job Search Website template guide. This template allows you to create a customizable one-page job search website with a search bar and a search button that displays UI cards of matching jobs. It's designed to be simple to use, even for non-technical builders, and Lazy handles all the deployment for you.
Getting Started
To begin building your job search website, click Start with this Template on the Lazy platform. This will pre-populate the code in the Lazy Builder interface, so you won't need to copy, paste, or delete any code.
Initial Setup: Adding Environment Secrets
Before you can use the job search functionality, you'll need to set up an environment secret for the API key:
- Sign up for a free account on RapidAPI.
- Once you have an account, navigate to the API you wish to use and subscribe to it to obtain your API key.
- In the Lazy Builder, go to the Environment Secrets tab.
- Add a new secret with the key
RAPIDAPI_KEYand paste the API key you obtained from RapidAPI as the value.
Test: Deploying the App
With your environment secret in place, you're ready to deploy your app. Press the Test button in the Lazy Builder. This will launch the Lazy CLI and begin the deployment process.
Using the App
Once the app is deployed, Lazy will provide you with a dedicated server link. Use this link to access your job search website. You'll see a search bar where you can enter job titles or keywords, and a search button to initiate the search. The results will be displayed as UI cards with job titles and employer names.
Integrating the App
If you wish to integrate this job search functionality into an existing service or frontend, you can use the server link provided by Lazy. Add the link to your service where you want the job search feature to appear. If your service requires API endpoints, you can use the provided link to make requests to your job search app.
Here's a sample request you might make to the job search API:
fetch('YOUR_SERVER_LINK/search', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ query: 'Software Engineer' })
})
.then(response => response.json())
.then(data => {
console.log(data);
})
.catch(error => console.error('Error:', error));
And a sample response from the API might look like this:
{
"jobs": [
{
"employer_name": "Tech Corp",
"job_title": "Senior Software Engineer"
},
{
"employer_name": "Innovatech",
"job_title": "Junior Software Developer"
}
]
}
Remember, all the steps above are mandatory to run and integrate the template. Follow them carefully to ensure your job search website works correctly. Happy building!
