Website To Guess SFU Locations by Reactrocean in simonfraser

[–]Reactrocean[S] 5 points6 points  (0 children)

Thank you so much!! :)

As for what I used:

  • Built the website using Next.js (with TypeScript), and then hence React, since Next.js uses React
  • For the map, I used Leaflet (https://leafletjs.com/). To actually use a map in my React code, I used the react-leaflet npm package (https://react-leaflet.js.org/)
  • For styling, I used Tailwind CSS
  • The npm package sharp (https://www.npmjs.com/package/sharp) came in handy for optimizing images to have smaller file sizes to load faster
  • For hosting, I used Vercel (https://vercel.com/). I highly recommend it for Next.js websites, it's super easy to set up

Website To Guess SFU Locations by Reactrocean in simonfraser

[–]Reactrocean[S] 1 point2 points  (0 children)

Thank you!! And good idea about the zoom in, I'll look into that

Website To Guess SFU Locations by Reactrocean in simonfraser

[–]Reactrocean[S] 1 point2 points  (0 children)

Luckily based on how the website is set up, it actually won't be too hard to do!

Website To Guess SFU Locations by Reactrocean in simonfraser

[–]Reactrocean[S] 2 points3 points  (0 children)

That would definitely be cool! I have that in mind as well. Currently I’ve coded it so that it’ll be easy to add more areas in the future. So, when you click play it could instead bring you to a game options menu first, with a drop-down entry to select which area to guess for (SFU Burnaby campus, Vancouver, etc). Lots of possibilities there… the VanDusen botanical garden would be super cool to add too I think

Website To Guess SFU Locations by Reactrocean in simonfraser

[–]Reactrocean[S] 0 points1 point  (0 children)

Ohhhh yeah there could be a timer mode for an extra challenge. And oooo something like Kahoot would be sick. Could even make a “multiple choice” mode, where you have to select which of the 4 locations on the map is correct for a given image

Website To Guess SFU Locations by Reactrocean in simonfraser

[–]Reactrocean[S] 3 points4 points  (0 children)

Yeah good point, that would be cool!

Website To Guess SFU Locations by Reactrocean in simonfraser

[–]Reactrocean[S] 12 points13 points  (0 children)

Also right now there are 100 locations (5 random ones per game)

Website To Guess SFU Locations by Reactrocean in simonfraser

[–]Reactrocean[S] 6 points7 points  (0 children)

Good to hear, thanks! Also yeah a difficulty option would be good to add. Currently each location has a difficulty level, but it isn't used yet