Highlight & Share

Add a highlight and share feature that shows a share button when someone highlights text.


Having a blog is the first step to getting your thoughts and experiences out on the web, but the next step is to create an environment where people can and want to share it with their own audience.

Level 1

Having a way to easily share content on social media like Twitter makes it more likely for someone to share it. A way to do that is having a button that when someone clicks it, opens up a new share dialogue.

Add share buttons to blog posts on a webpage that when clicked, open a new dialogue to create a social post.

More levels including the ability to save your progress coming soon!

To Do


  • Window.getSelection()
  • Cloudinary


Start Doing Now

Get all projects as an ebook right to your inbox for FREE!

Love 50 React Projects?