Fun Projects, ReactJS, Tools

Merge HTML Files Online

How do I merge HTML files?

Voila! Here’s an online tool for it:

You can:

  • Drag and drop to select files
  • Drag list of files to reorder

I started building it because I tried to export a bunch of Evernote notes, in order to send one HTML file to my Kindle. This works nicely.

The functionality was written with React and it was simple enough–string concatenation. The interesting parts are:

1. UI Design

Since I’m basically at a loss when it comes to web design, the learning I had to do on UI to make the page look even moderately appealing was interesting.

When I’m trying to acquire knowledge on a new field, I usually go get a bunch of books around the same topic. Because on one hand, opposing opinions at the same time generates less bias. On the other hand, well, books and books are not created equal. Some authors are vastly more capable of pinning down problem solving than others.

So, for resource recommended on the topic of design: Hello Web Design.

2. Deploying

I’ve done handfuls of side projects before, which ended in various states of completion. Of the deploy tools I use, Heroku is definitely the most friendly. Especially if you want to get a Minimal Viable Product out the door as soon as possible, deploying on Heroku will save you huge amounts of hair pulling with configuration.

Better yet, it’s free! With minimal use. And if you ever do need to scale, it’s as easy as adding a pack. A definite choice at the start of any pet project.

3. Domains

Since domains charge yearly compared to monthly charged servers, it’s much cheaper to get one. This time I entertained myself with the popular instead of the simple bare bones google domain.

And I don’t like GoDaddy at all.

It took me at least a dozen frustrated tries to cancel the “automatic renewal”, the option to unselect not even present when you pay. And you have to wait a month before you’re allowed to transfer the domain out. Plus plenty of privacy options that you can basically get for free somewhere else (e.g. google domains), which are made to sound scary if you don’t buy.

To Recap

Overall, it was a fun thing to work on. Much learned. 😀


5 thoughts on “Merge HTML Files Online

  1. Ray says:

    I tried to use this to combine Chrome HTML Docs but it didn’t seem to work. Tried both Dragging and Dropping them in the field or using the Select Files Button, but my files do not seem to move into the application to be merged.

  2. SGD says:

    You are amazing! I just pulled together online journal files from 1997-2001 into one loooooong (but tiny in file size) document.

    In the past I’d try to read through, but the dead links would inevitably stop me from jumping to the next file and I’d have to go back to the directory. My memory sucks so I’m looking forward to reliving my early 20s 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.