Shack

• 

  Paste your GitHub link and enter the shack!

• 

  Behold a world of pointless animations!

Inspiration

There are so many cool hacks at hackathons like these. Sadly, most of these hacks are no longer used after the hackathon. It would be nice if there were some tool that could help us with growth hacking after this hackathons.

What it does

Shack is a web application that helps you share hacks (aka shack) with the public audience. Based on your github repo, it generates a social preview image. After uploading this image to your GitHub repository settings, sharing the link on social media sites (like Twitter, Facebook, Linkedin, etc.) will automatically display your social preview image. Users are more likely to check out your hack when you have a nice social preview, so you're likely to get more users!

How I built it

I used Typescript, Javascript, HTML, CSS. For the frameworks, I used Next.js, Relay, TailwindCSS. I used GitHub's GraphQL API to obtain public information like project name, description, number of stars, contributors and programming language used.

Challenges I ran into

TailwindCSS and Relay were relatively new to me, so I spent some time getting used to their API and debugging my noob mistakes.

What I learned

I learnt new tools, like TailwindCSS and Relay, which I've been wanting to try out for awhile. It was very interesting!

What's next for Shack

There are some information from GitHub API that I haven't utilized. This includes the main programming languages used, number of contributors, and number of stars. It would be nice to squeeze these in somehow.

Built With

• css
• graphql
• html
• javascript
• next
• relay
• tailwindcss
• typescript