Fun Projects, ReactJS, Tools

Merge HTML Files Online

How do I merge HTML files?

Voila! Here’s an online tool for it: http://www.html-merge.com/

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 GoDaddy.com 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.

Next Steps

Next I intend to learn more about the other practical sides of project execution, including and not limited to: Google Analytics, A/B Tests, Search Engine Optimization, Marketing… which I also am pretty much completely at a loss with.

Should be fun 😀

Standard

Leave a Reply

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