Skip to content

leonkoech/frontend-ohack.dev

 
 

Repository files navigation

Opportunity Hack 2022

ReactLovers worked on the project Update our UX. Running the code can be done similarly as outlined in Quickstart.

Are you here for Opportunity Hack 2022?

Opportunity Hack Developer Portal (Frontend)

Quickstart

npm install
  • Copy the env_template file to a .env file under the root project directory and update the <TODO> portions with your values (these are listed in our doc and will get everything running with our test backend)

  • Run the application:

npm run dev

References

React UI Tools

We're using Material UI (MUI) as much as possible, check out their website for more information.

Heroku Custom Domains

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

Tips and Tricks

CSS Color gradient tool

We have a couple of these, and it was super easy to make with this tool.

Google's Font/Icon Collection

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.

IDE

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.

About

A copy of the ohack front end

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 93.2%
  • CSS 6.6%
  • Other 0.2%