A banner-generator application designed to effortlessly craft banners in various formats, made with a plethora of customization features and the possibility to either download them in a zip folder or a single PNG file.
The image component has three layers made with a composition of mask, front and background layer in mind.
The json functionality allows you to add data directly into the text inputs. By entering the endpoint url into the JSON input, and wrapping your object key within the {%objectKey%} symbols, the same works for using the custom country input, add the <country> tag to choose where it should be placed and change the country name to your liking.
To illustrate the potential of this application, I've utilized the iconic Brussels Airport as a tangible and realistic example.
Instructions for running the project locally.
-
npm (or the package manager you prefer)
npm install npm@latest -g
- Clone the repo
git clone https://github.com/KimJacobus/banner-generator.git
- Cd into the folder that has the package.json file then install the NPM packages
npm install
- Run the local server
npm run dev