Link to Github repo: https://github.com/nguyentuthanhdn/sudo-hackers-HackEd2022/tree/add-student-ui Please note that the main branch is boring, and the more interesting details are in add-student-ui
Inspiration
Online classes can be more suitable for shy students. They can post their question in the chat, without having to show their face or speak out loud. At some point, when we return to in-person learning activities, these students can feel intimidated and may not ask questions or participate during lectures. We'd like to address this problem by allowing students to type out their question and send it to the instructor, at any time during the lecture.
What it does
A website for students to ask questions and add any needed clarifications, which will show up anonymously on the instructor's end during the lecture with a gentle notification.
How we built it
React front-end using rsuite library, with data coming from mongoDB. Student and Instructor will have different UI that will help keep track of the lecture. Professors will see a list of questions, while students can easily follow by looking at the Current Question section, or ask new questions during the lecture by clicking the ask button.
Challenges we ran into
Most (3 out of 4) of our team members have no prior experience with React and JavaScript syntax, so it is definitely a challenge getting pieces working. For example, we learned that the site renders again whenever there is a data change. Time constraint is another factor. There are sections in our program that we're not too happy with given how it is written and how it does not follow good practices. Database components also create multiple other issues. We encountered difficulties when creating the database and fetching data so that it will display correctly on both ends.
Accomplishments that we're proud of
We are definitely proud about getting the database working on Sunday morning, after a very long time setting it up and fixing random problems. We also like the idea of constantly displaying the current question that the prof is answering, so that students can always keep track in case the question is long and have many clarifications to it.
What we learned
We learned the process that React works, as well as how to route things from the front-end to the database.
What's next for QNA
We would love to see our idea implemented in real academic environments. It helps embrace each student's personality and create a fair chance for everybody to do well in their classes. I believe that professors would appreciate our project as well because of the non-disruptive notification whenever there is a question.
Log in or sign up for Devpost to join the conversation.