Building a Meme Creator

As the chapter name suggests, we are going to build a fun application in this chapter--a Meme Creator. Everyone loves memes! But that's not the only reason we are building a Meme Creator. We are going to explore a few new things that are going to change the way you build web applications. Let's see what's in store:

• Introduction to CSS3 flexbox. A new way to create responsive layouts on the web.
• Using the Webpack module bundler to convert all your dependencies and code to static assets.
• Using HTML5 canvas for drawing graphics on the fly with JavaScript.
• Creating a solid production build that is fully optimized, minified, and versioned.

Previously, you successfully built a ToDo List app while learning the new ES6 features of JavaScript. At the end of the chapter, you learned how to use Node and npm for web development. We have covered only the basics. We are yet to realize the full potential of using npm in our project. That's why, in this project, we are going to experiment with a powerful module bundler called Webpack. Before we begin with our experiment to build a fully automated development environment, let's set a few things up.