sibelbd/eduspace

A classroom platform with an emphasis on community and peer to peer colaboration

HackDSC

Education Hack

Inspiration:

Students in the classroom are not able to connect with professors as before, or sometimes they are hesitant to reach out. So we created a full featured platform to combine time-tracking, communication, collaboration, planner and analyzing tools all in one place so students and professors do not need to spend extra time or money for other platforms.

What it does

• A web based platform which is divided into two sides for teachers and students with different functionalities.
Student Side:
• Dashboard has overall statistics, that includes total assignments, and number of completed assignments.
  In Addition, it shows most recent threads from the class chatbox and reminders for due assignments.
• By clicking on Assigned and Grades from the side bar, students can check all previous assignments, new assignments and their grades.
• There additional feature of peer to peer on student side navbar, where they can connect with all their classmates and classmates who have volunteered to help will have a green connect button and have appear in very first row.
• Students can join the classroom by clicking on join Button on left, and classroom only opens up during class scheduled time or professor virtual hours
Professor Side:
• Dashboard has overall class performance in graph and pie chart format, and it all automated.
  In addition, it will show that which students have performed well in recent exam, which will help Prof to connect those students with other students who might need more help.
• In Addition, Professors can easily add new assignments and give grades by clicking on Assign and Grade tab on left side bar.
• To start the lecture or office hours virtually prof can just click on Start session button on the left side bar.
• In addition Professor can add or delete students from classroom, for example someone dropped the class

How I built it

• React.js: React helps to connect front with blackened, makes it user to use API as many of them are in JavaScript and some of them can only work with React.
• HTML5, CSS: First I build the whole front-end in HTML, CSS and then changed it to react syntax as this was my very first time coding with React
• JavaScript: For validation, and making quizzes
• chart.js: For making very beautiful, real time rendering graphs :)
• Agora API: For online virtual streaming platform
• MangoDB: For all the data storage as database and authentication for login and registration page
• Python: For back-end
• Google Cloud: Used app engine to host our web server and front-end too

Challenges I ran into

• Getting Agora video streaming to work was the biggest channel we faced.
• And learning react for first time, and dealing with those erros

Accomplishments that I'm proud of

So glad that we are able to build an very gorgeous user friendly platform for students to interact with the peers and professors.

What I learned

• How to use Agora API.
• How easy it to just chart.js and do real time rendering.
• And obviously React

What's next for eduSpace

• We want to take our platform to next level and by adding functioning of holding virtual call with prof for more than 17 students.
• People use Facebook, whatsapp because of how beautiful and friendly their interface is, schools' use blackboard or canvas, which definetly is not pretty and a lot of time it's under construction. What if students get the same kind of platform but for education. Education becomes fun.
• I am definitely going to work on this project further and convert it into a start up