Our refactoring process includes two steps.
First, let's create a directory for the application source files, such as JavaScript, SCSS, and images files.
In the second step, we will create some directories within the client folder to receive our scripts.
Let's create the source folder for images, libs, scripts, and scss files.
In this folder, we will store the images before processing an optimization technique using imagemin-cli.
Inside the root project, create a folder called src.
Within the src folder, create a folder called images.
Within the images folder, create a folder called gallery.
Download the sample images file for chapter 09, Building a Frontend Process with Node.js and NPM from the Packt website (www.packtpub.com) or from the official book repository on GitHub, and paste the images into the gallery folder.
Tip
You can read more about imagemin cli at this link: https://github.com/imagemin/imagemin-cli.