Skip to content

This application allows you to make a description poster for a product.

Notifications You must be signed in to change notification settings

Gosmacx/banner-maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

banner-maker

This application allows you to make a description poster for a product.

Electron, JSDOM, Puppeteer

Working Logic

It processes an existing HTML file with JSDOM and takes a screenshot with the puppeteer, and as a result of the process, a picture is created.

Transactions in order:

  • The banner html file, which also contains the style file, is read as a string and processed with the JSDOM library.
  • We process the data we obtain from the user to the DOM with the JSDOM library.
  • When the data is processed, your HTML data, which is in the form of a string, is saved as a file in the out folder.
  • In this case, the out HTML file is a simple website version of the banner we want as a photo.
  • Then we run this file with puppeteer, take a screenshot and save the screenshot we get.

howitsworking

Screenshots

banner-maker-app.mp4

Out Example Banner

best-banner

About

This application allows you to make a description poster for a product.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published