Your Dashboard

Everything about your FlyCode Dashboard
When you've finished the onboarding process, you'll be taken to your brand new FlyCode Dashboard! This dashboard will serve as a common hub for your organization, and all of your organization's team members will have access to it. It contains all of your FlyCode Applications, all in one place.
The Empire's dashboard
Let's go over Vader's dashboard together:
To the left, we have a retractable sidebar. You can toggle it with the chevron (<) icon at the bottom left. The sidebar gives you quick and easy access to the dashboard, your apps, and your repositories page where you can see all of your repositories to which you've given FlyCode access. You can also invite team members to join your FlyCode organization.
At the top, we have our header. Here, we have a few options:
To the left, we have the organization selection menu. This menu will display all organizations you're associated with (whether you're their owner or a team member), with the option to create a new organization.
To the right, we have 3 items:
  • Dark / Light mode toggle.
  • Settings panel, where you can access your organization's settings, your account's settings or log out.
  • Plan upgrade link.


After saving the best for last, now it's time to go over the dashboard itself.
As you may have already noticed in the image above, there are 2 apps in Vader's dashboard. They can be distinguished by their names at the top of each section: Vader's Cool Startup and The Empire's App. If we detected certain languages in your texts, we will display they to the far right of the app's name - apparently Vader's cool startup is in German!
Then, we have the app cards, which contains some basic info regarding each app. Their title, which in Vader's case is Master, represents the branch on which the app is installed. Then, we can see the app's mode which can be either EDITABLE or READONLY. The modes can be changed through the .flycode.yaml file. We can also see the amount of drafts the app has and the amount of changes that were requested and are now pending to be merged. Lastly, we can see when the latest change took place.
You can click on each card to navigate to its corresponding app.
The last item to examine in our dashboard is the Add Apps from GitHub button, which upon click will redirect you to the add app flow, where you can add a new app to any of the available repositories. This flow is similar to the initial app creation flow, but we'll inspect it separately later.