migrate web to svelte 5

2025-12-25 05:37:21 +00:00
parent 50d6ee3111
commit 334c67f22a
63 changed files with 621 additions and 479 deletions
@@ -13,7 +13,7 @@ published: true
 ![classroomio-brand-customisations](https://assets.cdn.clsrio.com/blog/brand-customisations.png)
 _ClassroomIO Brand Customisations_

-We are excited to announce more customisations coming into our learning management system (LMS). In this blog post, we will like to share with you how we've made *YOUR* *STUDENT DASHBOARD* much more customisable than before.
+We are excited to announce more customisations coming into our learning management system (LMS). In this blog post, we will like to share with you how we've made _YOUR_ _STUDENT DASHBOARD_ much more customisable than before.

 ## Demo

@@ -40,7 +40,7 @@ However that is not the UI that your audience will see when they consume your co
 ![classroomio-lms-student-dashboard](https://brand.cdn.clsrio.com/classroomio-lms-courses.png)
 _The LMS aka Student dashboard - yourorg.classroomio.com_

-Typically this page can be found at *yourorg.classroomio.com*, where *yourorg* is a slug you set when you first set up your account. For example, we've built an internal bootcamp called ClassroomIO Developers, in this bootcamp we train other developers on some of the key tools we use internally. You can checkout our page here: [ciodevs.classroomio.com](https://ciodevs.classroomio.com), in this case you can see that our slug is *ciodevs* and you should be able to easily see yours when you log into the dashboard `/org/{yourorg}`.
+Typically this page can be found at _yourorg.classroomio.com_, where _yourorg_ is a slug you set when you first set up your account. For example, we've built an internal bootcamp called ClassroomIO Developers, in this bootcamp we train other developers on some of the key tools we use internally. You can checkout our page here: [ciodevs.classroomio.com](https://ciodevs.classroomio.com), in this case you can see that our slug is _ciodevs_ and you should be able to easily see yours when you log into the dashboard `/org/{yourorg}`.

 In your student dashboard, your audience can:

@@ -25,7 +25,7 @@ A bit about EduAI Hub before I jump into my experience at the summit:

 ### My experience

-Now to my experience - __it was nothing less than amazing__.
+Now to my experience - **it was nothing less than amazing**.

 I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.

@@ -33,7 +33,7 @@ You can find my slides [here](https://docs.google.com/presentation/d/1yU9EFmYA5O

 This was my first actual event speaking about ClassroomIO and I was amazed by the amount of people that wanted to chat about how they could use the product for their online courses.

-Apart from the talk, I met amazing people working on other edtech related products and how they also use AI to empower their users. 
+Apart from the talk, I met amazing people working on other edtech related products and how they also use AI to empower their users.

 ### Unexpected learning

@@ -48,6 +48,6 @@ Oh we even hooked up our AI content generator with it as well, you can switch to

 ## Next steps

-All translations in our app are stored in a JSON file which we generate and keep up to date using Google translate. This means that it might not be 100% accurate and there could be some mistakes when use  our dashboard in other languages. If you do find any issues with our translations, please do open an [issue on Github](https://github.com/classroomio/classroomio/issues/new/choose) with the correct translation and we'd be so happy to fix it.
+All translations in our app are stored in a JSON file which we generate and keep up to date using Google translate. This means that it might not be 100% accurate and there could be some mistakes when use our dashboard in other languages. If you do find any issues with our translations, please do open an [issue on Github](https://github.com/classroomio/classroomio/issues/new/choose) with the correct translation and we'd be so happy to fix it.

-If you are a native speaker of any of the 7 languages and want to contribute, please feel free to nitpick into our [translations](https://github.com/classroomio/classroomio/tree/main/apps/dashboard/src/lib/utils/translations) and open a PR with the fixes. Every contribution is valuable and will be gladly welcomed 😊
+If you are a native speaker of any of the 7 languages and want to contribute, please feel free to nitpick into our [translations](https://github.com/classroomio/classroomio/tree/main/apps/dashboard/src/lib/utils/translations) and open a PR with the fixes. Every contribution is valuable and will be gladly welcomed 😊
@@ -17,7 +17,7 @@ Today we are happy to share that you can now easily self-host classroomio and us

 If you are interested in just trying out the product, it is advisable to use the [cloud version](https://app.classroomio.com). You can use almost all the features for free on the cloud version unless you need more students. Right now the main reason you'd have to upgrade is because your students are growing. If you don't want to upgrade and/or face this, then you'd be fine self hosting the whole application.

-For self-hosting, we have written up a [guide that uses Railway](https://classroomio.com/docs/quickstart/self-hosting)  to help deploy our stack and you get to manage the servers on Railway as you wish. We hope this is a good step in helping you educate your audience at ease.
+For self-hosting, we have written up a [guide that uses Railway](https://classroomio.com/docs/quickstart/self-hosting) to help deploy our stack and you get to manage the servers on Railway as you wish. We hope this is a good step in helping you educate your audience at ease.

 Below is a demo showing you step by step how to self host the project

@@ -22,14 +22,14 @@ The audience page as you already know allows you to view the students in your **
 <br />

 <video
-  loop
-  muted
-  autoplay
-  preload="auto"
-  autoPictureInPicture
-  class="rounded-md" src="https://assets.cdn.clsrio.com/blog/organisation-student-analytics.mp4" controls
->
-</video>
+loop
+muted
+autoplay
+preload="auto"
+autoPictureInPicture
+class="rounded-md" src="https://assets.cdn.clsrio.com/blog/organisation-student-analytics.mp4" controls
+
+> </video>

 ## Course Student Analytics

@@ -43,14 +43,14 @@ Further more, when you go into any course and go to the people tab, you can view
 <br />

 <video loop
-  muted
-  autoplay
-  preload="auto"
-  autoPictureInPicture
-  class="rounded-md"
-  src="https://assets.cdn.clsrio.com/blog/course-students-analytics.mp4" controls
-  >
-</video>
+muted
+autoplay
+preload="auto"
+autoPictureInPicture
+class="rounded-md"
+src="https://assets.cdn.clsrio.com/blog/course-students-analytics.mp4" controls
+
+> </video>

 ## What's Next?