Section 3 (Lesson 1/8): In this section, we’re going to build the company dashboard page. We’ll learn how to create a versatile dashboard layout with left-side navigation, plus other concepts including:
CRUD Operations: Learn how to create, read, update, and delete data within your Bubble app so you’ll have the foundational skills to manage content dynamically.
URL Parameters: Understand how to use URL parameters to navigate between your various views like the Overview, Job posts, and Settings views.
Resources folder: ➡ https://e6387a14ba6d0bf3e823090f8d959...
Bubble editor: ➡ https://bubble.io/page?type=page&name...
Transcript:
In this section, we're going to focus on building the company dashboard. And this is where we'll start to ramp up the functionality part of this course, as we'll be learning some new key concepts, such as CRUD (which stands for Create, Read, Update, Delete), URL Parameters to navigate our internal dashboard, working with images, as well as privacy rules to safeguard our data. Let's dive in and take a look at the demo version.
So for this section, we're just going to be focusing on the Settings area because there's quite a lot to it. We have two forms, form on the left for the personal details, form on the right for the company details. So we'll be signing up a user. That user is called Hana, and Hana works for a company called Orbit. The nice thing about this form is that once we've designed it on the left for the personal details, we can simply just copy and paste to make a clone of the form, and just refactor a few things.
But before we get started on the Settings view, we do need to set up the dashboard. So we've got this left-hand Floating Group, which stays in position when we scroll on the right-hand side of the page. Then we've got the navbar across the top, where the user can log out. We also have these different views, and we'll get into these different views later on in the course.
So without further ado, let's dive straight in and start setting up the design for this dashboard.