How to build your own Twitter-like “Open Source” page.
We started releasing a bunch of open source projects lately and wanted to give them a little more visibility, make them more discoverable.
Twitter has a great "Open Source" page on Github that served as an inspiration for this project.
Obviously, we did not want to have to maintain it manually so the requirements were :
- it had to fetch its data from Github’s APIs
Victor started designing the page and at the same time I was working on a demo for AuraJS based on Github’ APIs. We immediately thought it was a good idea to combine our efforts and create this page as a pure AuraJS app that would serve both purposes.
- user to load and display a user’s profile. (In our case, hull’s organization)
- repos to load and display a list of repos.
The result is here : hull.github.io
And here is a screenshot of what it looks like.
The beauty of using aura widgets to do it is that now the whole app is contained in those widgets, and to embed them, we just have to insert this snippet of HTML.
<header data-aura-widget="user" data-aura-org="hull"></header> <ul data-aura-widget="repos" data-aura-org="hull"></ul>
The project itself is obviously open sourced here. You can fork it, improve it and use it to show off your open source skills.
We are also going to release soon a more comprehensive collection of AuraJS powered Github Widgets, deliciously ready for public consumption.
Comments ? Questions? : Discuss on hacker news