Section 6 (Lesson 1/9): Let’s turn our attention to the candidate dashboard, where users will sign up, fill out their personal details, search for and apply to jobs, and then use their dashboard to monitor the status of their job application.
Key learnings include:
State lists: Use state lists to save user preferences directly to their profiles.
File uploading: Enable candidates to submit their CV to companies while maintaining privacy.
Data structure: Understand the framework of linking various data types like user profiles and job applications, which emphasizes privacy and security in data handling.
Resources folder: ➡ https://e6387a14ba6d0bf3e823090f8d959...
Bubble editor: ➡ https://bubble.io/page?type=page&name...
Transcript
In this section, we're shifting our attention to the candidate dashboard. Three key concepts you'll learn are: how to create state lists to enable checkmark functionality, how to upload files so that candidates can upload their CVs and apply to jobs, and we'll also be creating a new data type called Application and looking at how all of our data types relate and connect to one another. Let's dive in and take a look at the demo.
So this is the candidate dashboard. After logging in, this gentleman called Peter, he will be routed with a bit of logic on the sign-up page to his candidate dashboard. And the first tab we have is Account, and we can see that this is designed slightly differently. We have this dark sidebar. We also have the Workplace logo up here because it's not a company, so it's just a user of the application or a candidate, so we get our branding back in. And on the first tab Account, the design is very similar to the company page, of which we will be cloning.
So part of my design process is that I tend to make a lot of reusable elements, some of them with functionality, some of them just so that I can detach it and then maintain some of the design work that I've done. We will be cloning the company page so that we can retain the design work that we've done, and we'll be going through a refactoring process, which is much faster and easier, and it just makes sure that our designs are coherent. If we were to do this again, maybe the Floating Group menu would be slightly wider because we're too lazy to have a look at the company page, what we did. So as you can see, we may as well just clone it everything is baked in looking good, and it's a good starting point. We've got really far ahead already, okay?
So you recognize this form, and then on the right-hand side, we have some checkbox functionality. So when I talked about state lists, this is what I meant. Once we've made our selections, then we can go ahead and save that back to Peter's user record. Then on the applications, we have our job applications, and this is where it gets interesting, because we'll head across to the job page in a second to look at how this is done. But as Peter has applied to two jobs, we can see the company logo, name, job title, and all the other data that's important to us, and we can also see the status.
So just something to note here is that we have, for instance, a status field that's pending. We're not going to be building in all of the functionality for a fully-fledged job board, that's for you to carry on with after this course. We just don't have enough time. That would be many, many months to get through, and I've worked at a company that is a nationwide jobs board, so I know what's involved. But this is the framework for it, and we're going to get far enough for you to be able to continue if you'd like. But this is also an educational experience, so a lot of this is conceptual stuff that I'm trying to teach you that applies to all the different apps that you will be building. For instance, state lists! That's something that you'll be building in all of your apps. Privacy, data structure, responsive design - it doesn't actually matter that we're building a jobs board here, but if you did want to continue on the jobs board, then I'm giving you some hints about certain functionality that you probably do need.
Then we have a link to be able to go and look at that job. But if we do go to jobs, here is the job that I've already applied for, and here is some logic to say that, hey, you've already applied for this job. If I go to "Browse jobs," and obviously I haven't filled out all of the data in all of these jobs, if I go to instance to this job here, and I hit "Apply now", I've got this popup. If I type in this box, that would be a cover letter, we've got "Upload CV". If I click that, then we've got a file uploader where I can upload my PDF. We will get a progress bar showing the status or the progress of that upload, and then we can submit the application.
There's some very cool stuff we're doing here around making sure that this file is private, secured on the server, and that only the user who uploaded the file has access to it or the company representative such as Hana from Orbit, she will also have access and no one else will.
Okay, so building some really cool stuff here, a lot of conceptual, some new conceptual stuff. Let's get to it. I'll see you in the next lesson.