LearningLeague App for DevHacks2020

Education application created using Vue.js, Vuetify, Vuex, Firebase.

Development

The application is also live HERE

This project was created using Vue.js CLI version 2.6.11 with Vuetify. Video and voice calling are made through CometChat and data is saved through Firebase.

To run the project on your machine use npm run serve for a dev server. Navigate to http://localhost:8080/.

Features

  • The user can login into the platform as a teacher or as a student
  • As a teacher the user will have access to all of the app resources
  • As a student the user will have access only on what the teacher shares with him for security purposes and for creating a community based on trust
  • On the homepage the user will have the following options:
  1. search for uploaded resources by other teachers or students and download them
  2. upload resources with selecting the privacy type to define which users can access the resource
  3. view classrooms and filter them by name or description
  4. view courses and filter them by name or description
  5. take tests from different categories
  • The user can search for resources, download them and filter them by name or description
  • The user can enter several classrooms where they can talk about different topics with or without a teacher
  • Users can make voice calls, video calls, share screen in the chatroom and upload/download documents
  • User can take courses in order to develop their e-learning skills
  • Users cand take tests in order to verify their knowledges from different categories

Screenshots

  • Homepage

homepage

  • Login dialog

Login

  • Search through resources

Search_documents

  • Upload resource

Upload_resources

  • Search through classrooms

Search_classroom

  • Add classroom

Add_classroom

  • Classroom details

Classroom_details

  • Search through courses

Courses_details

  • Add course

Add_course

  • Test list

Test_list

  • Test details

Test_details

  • Test results

Test_results