Create a Job Board with DrapCode

In this article we will understand how to create a job board using DrapCode. We will create a job board specifically for companies to post job openings where candidates can directly apply and check the status of their application. So let’s get started.

Create a New Project

Start by creating a new project in your dashboard. Then set the basic configuration to build your application instead of directly moving to the builder console. It will help you automatically set the login/sign plugin or add other plugins if you want. Thus, it will save time. 

Admin’s Section

Edit & Create Collections

Edit User & Role Collections: Users collection captures the details of the users who have signed up, whereas Roles collection contains all the roles you have created for the role-based access to your job board.

So open the Users collection and click the “Configuration” button to add more fields of information if you want, for example, mobile number and highest qualification. Then, open the Roles collection and change the role, “User” to “Applicant”. Then add another role, “Admin Manager” who will post jobs on the behalf of the organisation. You can add more roles as per your requirement, if you want.

Create a Collection to Store Job Post Data: Create a new collection named “Job Post” to store all information regarding the job posts that are opened for recruitment. Then, add fields to it, for example, a text field for Job Title, a large text field for Job Description, a number field for Monthly Salary, a static option field for Department, etc. 

Then most importantly, create a reference field to capture information of applicants who have applied for a job opening.

Create Pages - Admin Dashboard & Job Posting 

Admin Dashboard: Go to the pages tab and create a new page. Also under general settings, choose that only users with Admin Manager role can access this page.

Then create a snippet of the admin header/navbar so that you don’t have to create a header/navbar again and again while making other admin pages. 

Once you have created the snippet, drop that snippet on the Admin Dashboard page and add other required components to design the page, for example, a data table to display the job post collection and another data table to display the applicants collection to show how many applicants have applied for the jobs. After binding the collections, remove unnecessary fields that you don’t require to show in the page.

Job Posting Page: Now go to the pages tab and create a new page named, “Post a Job” or “Create a Job Post”. Then, choose that only users with Admin Manager roles can access this page. Also, instead of creating a blank page, copy the content from the existing page, i.e. Admin Dashboard.

Now open the newly created page which looks exactly like the Admin Dashboard page so edit it as you want. Then add a collection form in it to allow the admin manager to post job openings. Also, bind the Job Post collection to it. 

Create Events

Save Data event to create job posts: Once you have created the Job Posting page and added a collection form into it, create a Save Data event to form an automatic workflow to save all data submitted through the collection form to the Job Post collection.

So, go to the events tab and click the Add Event button. You will be redirected to the create event page. Here name the event and add the Save Data event. Also, add Show Alert Message and Page Redirect events.

Once the event is created, bind it to the collection form. 

Add Links

Post a Job link: Now add the “Post a Job” link in the admin navbar via the snippet you created and bind the “Create a Job Post” page.

Log Out link: Also add the log out link and bind the “Log Out” page to it.

Create Job Details Page

Go to the pages tab and create a new page to show details of different job posts. Design the page layout by dropping components like snippet, sections, header, card, image, data table, etc. 

Assign Roles to Login Event & Create Users

As the default login/sign up plugin is already installed, just assign the roles to configure what will happen after someone with different roles logs in. So, go to the events tab and open the login event. And choose if the user is admin manager then he/she will land up on the admin dashboard. If the user is an applicant then he will land up on the applicant dashboard.

Once roles are assigned, create users by going to the users collection.

Create a Landing Page

Use readymade Components to create a landing page. Then, link pages to the navbar and link edit button to the job details page.

Applicant’s Section

Edit the Sign Up Event & Sign Up Form

Go to the sign up event and assign the user sign in role to the job applicant. Also, add a page redirect event.

Once that is done, go to the Sign Up form, delete the existing one and drag-and-drop the new one from the components panel.

Create Pages

First create a page to display the listed jobs. Then create a job details page for applicants and then the applicant dashboard.

Create Events

Go to the events tab and create Add Data to a Collection event.