Currently, Frempco uses a hardcoded list of classroom names and passwords. We should remove that barrier and allow anyone to create a Frempco classroom.
I spoke to a school teacher and he recommended we take inspiration from Kahoot as they're a leader in educational software. I created a free account on Kahoot and took the below screenshots.
Teacher viewStudent Screen 1 game PIN
Student Screen 2 nickname
My thoughts on our UI:
Replace "Teacher Login" button with a "Create classroom" button
The classroom links will be the same as they currently are, but {classroom_name} will be replaced in the url with {classroom_pin}
Kahoot separates their student login into two modals. But I think ours should be a single modal for "Classroom PIN" and "Your Name". Having a single modal will make it easier to demo to teachers during a video call.
The Kahoot teachers view shows the Game Pin and joining instructions in big huge text on the teacher's page. My teacher friend explained this allows teachers to display their Kahoot page on their big digital smartboards in the front of their classroom where the students can easily see and copy down the pin code.
The Kahoot pin code looks like 6 numerical digits. We have so few teachers that we can safely use a 4 digit pin code and it'll last us for a very large amount of future growth. The less digits the easier it'll be for students to enter.
I feel there should be some sort of backend dictionary which saves the pin code so duplicates don't get created. But because we have so little useage, preventing duplicates can be taken care of in a later Github issue / PR.
As shown on Student screenshots above, students on Kahoot visit a separate link which only shows a Login Modal and nothing else! This is pretty brilliant. But lets continue to send students to frempco.com for now. Creating a separate login page for students can be taken care of in a later Github issue / PR.
Our hardcoded json file listing the classroom names and passwords should be deleted in this PR.
For this PR, I recommend doing the bare minimum needed to get this working. We can improve the UI later in future issues / PRs.
Currently, Frempco uses a hardcoded list of classroom names and passwords. We should remove that barrier and allow anyone to create a Frempco classroom.
I spoke to a school teacher and he recommended we take inspiration from Kahoot as they're a leader in educational software. I created a free account on Kahoot and took the below screenshots. Teacher view Student Screen 1 game PIN Student Screen 2 nickname
My thoughts on our UI:
For this PR, I recommend doing the bare minimum needed to get this working. We can improve the UI later in future issues / PRs.