Skip to content
On this page

Quick Guide ​

This is a quick guide for all the features of the template, were are the important files to change and all the important information.

Auth ​

First of all there is an authentication system using firebase cloud hosting. This allow the teacher to have his own free databaste for the students (all of this is configured automatically in the script).

INFO

First the user need to login or register into the system. All the users are registrated into the firebase project.

Tabs ​

In the navbar there are diferent pages for the units, teams, students, schedule,...

πŸ•’ Schedule πŸ§‘πŸ½β€πŸ« Lessons πŸ’» Tasks πŸ‘₯ Teams πŸ“ Units

Teams & Students ​

This is a tab related with Github. In this page, we can have all the students of our github organization, also the teams of it. For each team we can know basic information about it like repositories, profile github pages, etc. If we want we can know more information about the student like the recent organization posts.

πŸ‘₯ Teams

Configuration ​

As this is a template, it can be changed the way the user want. All the vitepress configuration is in the folder .vitepress, and there we can have the diferent vue components (folder components), css for some html elements, public folder that have information like teams, units that are published,... and the vitepress and firebase intial config.

docs/.vitepress/
β”œβ”€β”€ components
β”‚   β”œβ”€β”€ Auth.vue
β”‚   β”œβ”€β”€ Student.vue
β”‚   β”œβ”€β”€ clases.vue
β”‚   β”œβ”€β”€ ghcard.vue
β”‚   β”œβ”€β”€ practicas.vue
β”‚   β”œβ”€β”€ teams.vue
β”‚   └── temas.vue
β”œβ”€β”€ config.js
β”œβ”€β”€ css
β”‚   └── auth-form.css
β”œβ”€β”€ firebase.js
└── publico
    β”œβ”€β”€ clases.js
    β”œβ”€β”€ practicas.js
    β”œβ”€β”€ teams.js
    └── temas.js