My Local Locals

A web application designed to help competitive platform fighting game players find tournaments local to their area, or whatever address they'd like to search

By Woo Jin Kim (@w00j__)

Technologies Used

  • Javascript
  • React.js
  • Next.js
  • ApolloClient
  • GraphQL
  • SmashGG API
  • Google Maps API
  • react-dom
  • react-geocode
  • react-scripts
  • react-datepicker
  • google-map-react
  • @react-google-maps/api
  • bootstrap
  • Server Side Rendering

Setup/Installation Requirements

  • TBA

Planned Updates

  • Refactor current code
  • Add more responsive styling (& more styling in general)
  • Reformat displayed tournament start times to account for user's local time zone
  • Add more games to options Multiversus, NASB, RoA added!
  • Allow user to choose to view tournaments after a specified date
  • Add an option to view results as cards instead of a list
  • Allow user to sort by date or by distance
  • Configure map to allow user to select a location by clicking on the map
  • Add an infobox on map per user query or user selection
  • Add map to mobile view
  • Add disclaimer(s) and "how to" directions
  • Make formula for non-US addresses
  • Format Error, Loading messages

Known Bugs/Issues

  • If user enters an invalid address after a successful query, program uses previous address instead of returning an error
  • Not optimally designed for mobile viewing
  • Basic styling, not consistent throughout components Work in Progress
  • PropTypes not defined
  • Tournaments may have ended, but are still displayed in list. This may be because the tournament hasn't properly finished and closed their system, causing start.gg to think it's still ongoing.
  • Clicking on a tournament won't always show both the searched address marker and the selected tournament marker within the map window.

References

  • Credits to meleemajors.com for being a big inspiration for this project when I thought "This is cool. I wonder if there's anything like this on the local level". And credits to Kris "Toph" Aldenderfer for showcasing meleemajors in his content.

  • Credits to start.gg for providing the backbone of this project that is the data.

  • Credits to this Google Cloud blog post for the Haversine formula to calculate distance between 2 coordinates.

  • Credits to many different guides particularly on configuring Next.js, Apollo Client, and Google Maps API

  • Credits to everyone in the gaming communities keeping their respective scenes alive and fostering a positive environment.

License

MIT

Contact Information

Woo Jin Kim (kimwoojin211@gmail.com)

Copyright (c) 2022 Woo Jin Kim