SFU-DLE

Home page
Standard mode
Course mode
Location mode
Our mascot

Inspiration

We were inspired to make this project to solve a very important problem in the modern day university student's life, getting bored in lectures. We'd often find ourselves in lecture having completed the Wordle... then the connections... then the nerdle... then the globle... and so on until there were no -dle games left to play. To solve this problem we created a -dle game of our very own, SFU-DLE.

What it does

SFU-DLE includes three game modes, Standard mode, Course mode, and Location mode.
In Standard mode you are trying to guess the secret SFU course. Every time you guess a course you are told whether the faculty, department, course number, designations (WQB), and number of units was correct. Using this information you must deduce what the secret course is.
In Course mode You are given a random course description and need to figure out which course it belongs to.
In Location mode you are given a picture of some location on SFU Burnaby campus, but some of the image has been obscured. Over time more of the image is revealed and your job is to figure out where in SFU the image is as fast as possible.

How we built it

For the front end we used Vite along with React JS to build and Tailwind css for styling. For the back end we used the SFU courses API to get course details and JS for the game logic. For our domain we used the free .Tech domain provided by StormHacks thank you.

Challenges we ran into

Scope: At the begining of the hackathon we had lots of ideas for other game modes/features like using an interactive map for the Location mode, but in the end we did not have enough time to implement everything we wanted.
Integration/Communication: While integrating our front end with the back end we ran into communication problems with passing data types and objects. This lead to some confusing bugs that took some time to debug.

Accomplishments that we're proud of

1. We are very proud of how our -dle game ended up looking. We think we found a good balance of reducing clutter without making the site look empty.
2. We are also very proud of how fun our games are. We got lots of comments from other hackers and SFU students telling us that they would want to play this game every day.

What we learned

For most of us this was our first webdev project so we learned a lot about html, JS, and css. Additionally, from the challenges we mentioned earlier, we learned that it is important to clearly communicate roles and how the back end should interact with the front end.

What's next for SFU-DLE

Next on our to-do list is to implement some of the features that we didn't have time to do, like the interactive map. Also on our to-do list is to add support for other SFU campuses, not just Burnaby.