hashnode-to-twitter icon indicating copy to clipboard operation
hashnode-to-twitter copied to clipboard

This app allows you to post bite-sized tweets summarizing your Hashnode Blog post.

Hashnode to Twitter

This app allows you to post bite-sized tweets summarizing your Hashnode blog post.

Live Demo

To know more about its features and how I built this app on my Hashnode blog.

Video Demo

Screenshots

Homepage

home page

Edit and Preview Tweets screen

edit-screen

Success Screen

done-screen

How to use

  1. On the homepage of the app, login into Twitter.
  2. Enter the URL of your Hashnode blog post and click on Fetch and Tweet.
  3. On the Edit page, customize the tweets to your liking.
  4. After editing and being satisfied with the preview, click on Tweet.
  5. Your tweets will be tweeted in few seconds and you will be sent to the success screen.
  6. On the success/done screen, you can see the posted tweets embedded.

Tech used

  • Next.js
  • Tailwind CSS
  • Auth0
  • Twitter API

How to run locally

Node.JS and npm must be installed. Download and install them from here.

Follow these steps to run this project in your local computer.

$ git clone https://github.com/geekysrm/hashnode-to-twitter.git
$ cd hashnode-to-twitter
$ npm i
$ npm run dev

Dev server will be running on port 3000.

Contributions

All contributions are welcome. Bugs and feedback can be raised on the Issues tab.

Support

If you like this and want to support my open-source work, please buy me a coffee.