AJ-54 / horizon-virtual-classroom

A virtual classroom made with the Weavy framework.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Horizon - The Virtual Classroom

Pandemic has caused the education sector to look into new possibilities and new interactive methods. We aim at providing a new platform to make education online, more efficient with a lot of fun and extra curricular activities. We give emphasis on a social media inspired education web app, a virtual classroom that can help students as well as teachers learn ,teach and conduct exams in a single platform!

#WEAVY Features:

We can also embed an interactive feed using Weavy Activity Feeds so that the students can upload their extra curricular activities such as poem writing, essay writing, short story writing, etc. thus enhancing the non-scholastic activity. There will be an integrated zoom which can be easily integrated using weavy. The secure file sharing features enable as to develop a secure platform for transferring question papers with the students and answers from students without any third party api. The chat feature enables students to communicate with their teachers and also with other students. As there will be tasks assigned to all students, these can be easily done using the Weavy Tasks feature.

INSTALLATION

Local Install:

Download and Install XAMPP in your local machine. Download and Extract the code to htdocs in xampp folder. Start the apache server and go to localhost/{name of the folder}

DEPLOYMENT

HORIZON

Weavy Instance

Index

index page

Teacher Dashboard

teacher-dashboard

Student Dashboard

student dashboard

Weavy to App

For working with weavy make sure you have a weavy instance either locally or in azure and must be up and running.

In order to add weavy features, we need to include a js file, create a space and add the necessary code for connection. Add some css so that it is viewable from the browser. An example code is pined below

var space = weavy.space({key: "global" });

// get or create the feeds
var feeds = space.app({ key: "feeds", type: "posts", container: "#feed-container" });

// get or create the task
var tasks = space.app({ key: "tasks", type: "tasks", container: "#tasks-container" });

// get or create the messenger app
var messengerApp = space.app({key: "main-messenger", type: "messenger", container: "#weavy-messenger-container" });

Also you need to provide JWT for working. You can refer https://docs.weavy.com/client/authentication for more details about authentication.

For more details about weavy visit https://www.weavy.com/

For documentation about weavy visit https://docs.weavy.com/

About

A virtual classroom made with the Weavy framework.


Languages

Language:JavaScript 95.1%Language:Hack 1.7%Language:CSS 1.1%Language:SCSS 0.9%Language:Less 0.9%Language:PHP 0.3%