Inspiration: The way we decided what our project was going to be based on was by first brainstorming recent, important issues that needed to be addressed. We then looked at the recent issue of COVID-19 and found out that many students across the province were failing to meet academic requirements due to the setback of COVID-19. Additionally, the issue raised another matter which was that students were not able to communicate with others effectively, due to being in isolation for a long period of time. Therefore, we decided that we wanted to solve this issue in a way where students would be able to get back on track of their learning while also communicating with other students. Therefore, we created a website called StudentConnect which is a page where students can track and earn points and redeem them for prizes.
Functionality: Our website StudentConnect allows students to keep up with their academics, while also being able to socialize with other students, all while earning points to win prizes. The website first consists of a home page, in which displays the date, along with topics covered in class, and any announcements the teacher has made. This can also include links to homework just in case a student has missed class. It also contains a bar on the side with the links to the other pages such as games, points, etc. The games page is where the students play academic games to earn points which they can later use to redeem prizes. This page contains all the games and the points that can be earned from winning each game. There will also be an option to play multiplayer games with other students, in order to promote more communication and teamwork. Once a student clicks on a game, there will be an invite link under the game which students can send to their friends. There is also a tab underneath that shows who’s online so that students can send the invite link to other students who want to play. A chatbox supervised by the teacher is also found in the same page so that the students can communicate with each other. The points page contains the names of all the students from the class and the number of points they have. The redeem page contains various prizes, and the amount of points needed to redeem them. The test & quizzes page contains the grades for each test or quiz the student wrote for each subject, along with the amount of points they received for their grade on a specific test or quiz. Finally, the achievements page contains all the awards and recognitions the student received, and the points they got for receiving the accomplishment.
Build Process: The technologies we used were react.js, bootstrap, firebase, html/css. Due to the focus being on making a prototype as proof of concept, we created access to a front-end website.
Challenges: We had many challenges that we had to overcome in order to create the project successfully. Firstly, we wanted to create the project using Replit, however after a few attempts we could not get specific portions of the routing to work. We then moved to Visual Studio Code hoping that this would solve the issue. This also did not solve the problem, as we continued to have issues with routing. However, after many thoughtful videos on the topic, we were able to get it up and running.
Accomplishments: We were able to accomplish many pages that we wanted on the website. This included the homepage, rewards, points, awards, games, redeem and evaluations pages.
What’s Next: We plan to continue to work on the project and further develop it and accomplish more goals. We plan to add some more pages for the students, and a teacher’s view which would be able to manage various aspects.
Log in or sign up for Devpost to join the conversation.