Inspecting file metadata is something we could easily do with just good ol’ browser JavaScript. But also creates a chance to explore the world of fullstack development as a nice and easy to implement application.

We are going to be coding a fullstack application (frontend + backend) that will let the user upload a file and let us visualize relevant file metadata such as file type or size.

We’ll be serving both the front-end assets and API on the same Express based Node.js server, with some ECMAScript 2015 flavour added to it with Babel.

The client application code is up to you. I’m going to go bare-minimum here, but feel free to use a front-end framework if you want to go all out.

Finally, we’ll deploy the application to Heroku. If you want a quick guide to deploying to Heroku, take a look at this post.