I recreated Github Jobs Site
Hello everyone,
It’s me again, Imran. A mid-level web developer from Bangalore, India. Previously, I posted about how I redesigned the GitHub jobs website. This time I am gonna implement that design and deploy I to the public access.
Before getting into the UI implementation, I need to check the GitHub jobs API’s CORS policy. Because I am gonna implement this with the angular framework.
As I guessed, Github jobs don't have an open cors policy. So I need to create a Proxy rest API to access Github jobs API from Angular FE.
Then I found one proxy app repository in GitHub which is in the express.js and It was deployed too.
But Unfortunately, it was not working properly.
So I decided to fix it. I forked that repository and started fixing it.
My forked Repo: https://github.com/imrahamed/github-jobs-proxy
After fixing that, I need to deploy it somewhere. For that I used Heroku.
Then I called my friend Gokul to help me with the UI Implementation. He was like:
Then we separated the app into multiple top-level components and started working on it.
We completed the implementation. Now we have deployed the UI to the public.
For Deployment, I used surge.sh and deployed it to my subdomain.
Final Output:
UI: http://github-jobs.imrahamed.in/
Proxy: https://github-jobs-proxy.herokuapp.com/
Things I used in this project:
• Angular
• bootstrap
• GitHub
• Express (For proxy APP)
• Heroku (proxy APP deployment)
• Surge.sh ( webApp deployment)
• OS: Ubuntu 20.04.1 LTS
• VS code
• Figma
What’s Next
Tutorial on Dynamic SSLs with the K8s certificate issuer.
Until Next Time 👋
