Battle Scores

Be your own competition! :)

Comment

Inspiration

  • When approaching the exam season, my friend and I noticed that we usually start our revision without any strategy. Having records of your performance is essential to know how far you are progressing. With this we came up with an idea to track our progress including thinking of ways in which we can improve subjects we perform poorly in.

What it does

  • A user is required to add 'files' which are subjects to each folder by placing subjects they have a difficulty in performing well at in one folder and trying to balance out the others, e.g. having their best subject and averagely performed subject together to balance out the scores and make the competition of each folder's marks fair and competitive. The website records the scores of the student based on the input of the student and sums up scores of the subjects in each folder. The folders are then ranked to show which folder has the best performance and worst performance. The goal is to have the folder with the worst performing marks progress ahead and not remain behind. In the end, this motivates the student to improve in their worst subjects and in some way develop a positive attitude towards it as it provides a game like environment.

How we built it

This website using HTML, CSS, JavaScript and React using Visual Studio as an IDE and Git CLI to push code and pull.

Challenges we ran into

  1. Internet issues during our research and even when attending the hackathon's workshops.
  2. Limited time

Accomplishments that we're proud of

  1. Being able to submit the project
  2. Completing the project

What we learned

  1. Learning more about React
  2. We learnt how to manage time
  3. Using Git effectively was also something we learnt

What's next for Battle Scores

Updating it into a fully functional website that can even integrate avatars to make it into a more game like environment and ChatGPT for motivational quotes for students to keep going.

Share this project:

Updates