This is the front-end for ohack.dev which is tied to our main branch, the develop branch auto-deploys to test.ohack.dev.
Opportunity Hack is a 501c3 nonprofit and is a public good. We encourage you to fork and help us write code for social good!
Follow us on Instagram, LinkedIn, YouTube.
For OHack'22, ReactLovers greatly improved our UX by working on #13 update our UX. Running the code can be done similarly as outlined in Quickstart.
- 📝 ohack.dev backend code is here
- This code is the frontend ohack.dev and makes calls to the backend api.ohack.dev along with some calls to Auth0
- Like most things we build, to keep it simple, this runs on Heroku.
- We borrowed the code from Auth0 here to bootstrap our development (always a good practice)
See the Development Setup instructions to get up and running quickly.
We're using Material UI (MUI) as much as possible, check out their website for more information.
It's not obvious here, but we had to upgrade our account to Hobbyist in order to get the SSL cert capability, without this, we could not make a HTTPS call nor serve HTTPS traffic on our custom domain https://devcenter.heroku.com/articles/custom-domains
We have 3 CNAMES:
- www.ohack.dev: we want everyone to land here
- api.ohack.dev: for any API calls to
- frontend.ohack.dev: the same thing as www.ohack.com, but more for completeness
We have a couple of these, and it was super easy to make with this tool.
As learned from the Udemy course, this is a pretty easy way to get fonts and icons. Right click on the SVG button to copy the link for any icon.
If you don't want to use GitHub Codespaces, we perfer to use VSCode to do our development. Grab VSCode as your IDE, we'll use this for both frontend and backend.
Here are a couple git CLI references.