🌹 Inspiration

You once wrote some terrible horrific code (don't worry we've all been there πŸ˜‰) or some genius hacky function. Maybe you came across an interesting code snippet and you want to share that with the world? Welcome to Owlhub where you can hoot code snippets with people from around the world.

πŸ€·β€β™€οΈπŸ€·β€β™‚οΈ What it does

Hoot your code snippet online

Disclaimer: javascript is the only supported language right now for syntax highlighting. C# is next on the list!

Create an account and sign in
Toggle between light and dark mode (easily the most important feature)
Show who posted the hoot, with real-time stats

βš’ How we built it

AWS-AMPLIFY React Chakra

We built it using AWS Amplify for the backend which handled a graphQL API and authentication whilst on the front-end we used React.js and Chakra UI as a component library.

πŸ›‘ Challenges we ran into

⌚ Timezone differences

We come from three different time zones – GMT+13, GMT-4, and GMT+1. This made it challenging to collaborate as a team as we all had different time availabilities. This meant that on Github, we would have to wait for another person to approve a PR to the main branch.

πŸ‘¨β€πŸ’»πŸ‘©β€πŸ’»Learning new technologies:

Initially Amplify was a bit challenging to set up a team environment where we could share the same environment.

This was the first time some members worked with React and it was a big ask to have them try to learn it in a few days but we shared resources and helped each other out.

🦚 Accomplishments that we're proud of

That we pulled together as a team and finished what we could in time. The way we set up our repository and workflows for collaboration. Learning new frameworks within a few days.

🏫 What we learned

AWS Amplify and React.js were both new frameworks for everyone on the team. We learned a lot about how they work from experimentation throughout the week and the development work that we did. We also learned how awesome component libraries are and how they help speed up development. We also learned a lot about Github workflow and best practices. Setting up PR templates, branches, pull requests, merges, conflict was really educational for us especially as open-source fellows.

tldr: a lot ;-;

πŸ€” Hmmm... what's next for Owlhub

  • Add Reactions, Comments, Report functionalities
  • Pagination to allow infinite scroll
  • User Profiles
  • Allow users to delete a post.
  • Make hoots private.
  • Also, add a landing page.

Built With

Share this project: