2025-12-21 13:36:04 +01:00
---
title: Student Dashboard - Developers Guide
description: Guide to setting up the student dashboard locally.
---
2023-12-14 10:34:28 +03:00
2025-12-21 13:36:04 +01:00
import { Callout } from 'fumadocs-ui/components/callout';
2023-12-14 10:34:28 +03:00
2023-12-14 11:12:45 +03:00
In this guide I will be showing you how to set up a local student dashboard that a student will see. This dashboard will allow students to view their grades, attendance, and other information. This dashboard will also allow students to submit assignments and view their grades for those assignments.
2023-12-14 10:34:28 +03:00
## Follow the steps in this video
### Requirements
2025-12-21 13:36:04 +01:00
<Callout title="ℹ ️ Important">
2023-12-14 10:34:28 +03:00
Make sure to use 2 different browser windows: The reason is that one will be for the admin and
another for the students. For the student we will need to set the cookies value to hold the
organization siteName since we are using the subdomain to access the student dashboard like on
production.
</Callout>
### Demo
2025-12-21 13:36:04 +01:00
<div style={{ display: 'flex', justifyContent: 'center', marginY: '16px' }}>
2024-04-11 21:25:29 +01:00
<iframe
width="560"
height="315"
2024-04-15 19:56:45 +01:00
src="https://www.youtube.com/embed/QGTnK39xexs?si=ogFbyl2KK0XaFob4"
2024-04-11 21:25:29 +01:00
title="YouTube video player"
2025-12-21 13:36:04 +01:00
frameBorder="0"
2024-04-11 21:25:29 +01:00
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
2025-12-21 13:36:04 +01:00
allowFullScreen
style={{ borderRadius: '8px' }}
2024-04-11 21:25:29 +01:00
></iframe>
</div>