HopDown

• 

  Home Page

• 

  Editor

Inspiration

Originally I wanted to build a product to boost productivity and help fuel collaboration between teams, and a collaborative markdown editor was the first thing that came to mind.

What it does

Markdown allows teams or friends to work on Markdown documents together to either sketch out ideas or make new documentation for their projects

How we built it

The web app was built using Next.JS, Typescript, and TailwindCSS. The backend API uses Next.JS with Typescript as well. Realtime collaboration is powered by Hop.io, most importantly Hop Channels and Hop Ignite.

View the source code on GitHub

Challenges we ran into

There were a lot of challenges with both getting documents to sync correctly and having latency between editing especially when working on the same area/block of text. Most of the issues were fixed, but there were some more complex latency/collaboration bugs that still would need to be fixed.

Accomplishments that we're proud of

I'm overall just happy that I built something and got it shipped over a short period of time. It might not be the best project ever but I learned a lot and got to participate in a super cool community activity.

What we learned

Realtime document editing is hard, and there's a lot of bugs that come with it that require a lot of time to fix. However I also learned a lot about websockets and the hop platform, which was super nice, and it made me realize Hop is 100% a platform I want to use again.

What's next for HopDown

Overall some QOL features and bug fixes, having some more realtime UI elements like other peoples cursor position, authentication, etc... would be super nice.

Built With

• hop
• next
• tailwind
• typescript