registreak

Speedy code entry
Incorrect code feedback
Correct code animation
Leaderboard of highest streaks in your course
Calendar for tracking streaks and viewing upcoming lectures
Dark mode!
Web view for lecturers to display code

Inspiration

As users of the existing timetable app, we experienced many issues and were unsatisifed with it so thought to put some of our ideas together to improve it.

What it does

It provides a simple and effective interface for tracking attendance of students with a focus on a nice UX alongside a rolling QR and passcode for increased security. Furthermore, it implements a streak system to motivate students to keep attending lectures with a leaderboard to praise and potentially reward the most engaged.

How we built it

We used React Native with TypeScript for the cross-platform app, alongside Flask and PostgreSQL for the backend.

Challenges we ran into

As we had no prior experience with React Native, we tried out quite a heavy use of AI in coding. This initially was very helpful and allowed us to iterate quickly. Despite this, as the project went on we realised the pitfalls of this approach with its less rigorous review process and came to find that, while a lot of the code worked, the quality of the code was quite poor and tricky to maintain. Learning experience!

Accomplishments that we're proud of

We are quite happy with the UX of the application and feel like it is satisfying to use which will likely increase student usage. In addition, with the use of a rolling code decreases the likelihood of abuse so will increase confidence for important tracking of VISA students.

What we learned

For most of us this was our first time developing a mobile application so we gained a lot of knowledge about the different solutions and challenges that come along with that.