Horizon Classroom

Inclusive and personalized Classroom for everyone

Comment 1

Inspiration

We wanted to create a learning platform that would offer personalized and interactive environment for students fromall backgrounds and abilities. We want to promote active learning from students while tailoring educational tools to their specific needs.

What it does

Horizon Classroom platform that goes beyond traditional e-learning systems, providing a dynamic, engaging, and inclusive environment for students of all backgrounds and abilities. This application integrates a chat bot virtual assistant, ML model for predicting student grades and a video indexer to optimize lesson learning.

How we built it

  1. React.js and CSS for the local first to test the ui/ux We have used react.js for the frontend UI development for the classroom.
  2. Implemented the MS Azure Resources (ex. Azure bot, Language Resource, ML, etc.)
  3. Deploying the MS Azure Static Web Apps
  4. Integrating the MS Azure features at the end after pushing into the main branch and seeing if the CI/CD is not brokeni n the github

Challenges we ran into

  1. Azure Integration challenges with static web app.
    • cache problem with the web, not rendering properly
    • not able to deploy ci/cd process with a bunch of not detailed error message coming out
    • hard to follow the steps for integration of cosmos DB or any other Azure features.
  2. Azure Documentation is not detailed and fluent enough for the first-time coder to follow.
  3. Not having tutorial videos for first-time user.

Accomplishments that we're proud of

We are proud of pushing through the initial learning curve of Azure tools with limited documentation and creating individual features (like chatbot, and ML model) to form the foundation of the classroom app.

What we learned

  1. New concepts of AI/ML such as linear regression, k-means clustering
  2. Azure tools such as Azure Bot, ML, Video Indexing, Static Web App

What's next for Horizon Classroom

  1. To integrate all AI features into one web application for user interaction
  2. 3D avatars and interactive classroom to promote active participation
  3. More accessibility services (like speech recognition)

Built With

Share this project:

Updates