Equidistant is an app to help you and your group get over the decision fatigue of a common meeting place by suggesting great rated places. It works by taking the commute time and what the users want to do as a main criterion to suggest great options for the whole group.
In order to host our frontend on Github Pages, we needed to use the HashRouter instead of BrowserRouter because Github Pages doesn't support some of the client side routing things that the BrowserRouter uses. Here's some more information on that, but basically because React applications are technically single pages (index.html) that get populated, client side routing works for React locally, but not for Github Pages. The web server hosting the site doesn't realize there are routing changes happening or where to look for the new data.
I also had to add a homepage field to our package.json to help fix this routing issue
This ended up being unnecessary (but is likely better style), but I factored out all page URLs into their own file to be imported and exported where they are needed.
Factored out any use of <Link> components, as href was breaking the routing. We need to use navigate
In order to host our frontend on Github Pages, we needed to use the
HashRouter
instead ofBrowserRouter
because Github Pages doesn't support some of the client side routing things that theBrowserRouter
uses. Here's some more information on that, but basically because React applications are technically single pages (index.html
) that get populated, client side routing works for React locally, but not for Github Pages. The web server hosting the site doesn't realize there are routing changes happening or where to look for the new data.I also had to add a
homepage
field to ourpackage.json
to help fix this routing issueThis ended up being unnecessary (but is likely better style), but I factored out all page URLs into their own file to be imported and exported where they are needed.
Factored out any use of
<Link>
components, ashref
was breaking the routing. We need to usenavigate
Uses this Github Action to deploy on a merge to main
Update our
index.tsx
file and the MSW Worker setup so that the service worker was working off the right URL origin see hereDeleted some old
.css
files that were unused