bg.jpg
and make sure it is in JPG/JPEG format.src/img
and upload your image, just replace the existing image.config.json
file by just clicking it, an editor will open.config.json
file to match your needs. For the object name
this is the name of your portrait, it can be a name of your subject. For the object text
this is the text you want to see in the portrait. It can be a lyrics, a passage from a book, or a sweet message to your subject or loved one.src/scss
and open the file _vars.scss
to edit the visual settings. It is up to you to use the default settings or customize it.https://localhost:1234
press ctrl
+ left click
to open it to a new tab. You'll see your builds in real-time.src/img
and place your image. Rename it into bg.jpg
which is required. 🚨 Replace any image inside it's fine.config.json
file using code editor like VS Code.config.json
file to match your needs. For the object name
this is the name of your portrait, it can be a name of your subject. For the object text
this is the text you want to see in the portrait. It can be a lyrics, a passage from a book, or a sweet message to your subject or loved one.src/scss
and open the file _vars.scss
to edit the visual settings. It is up to you to use the default settings or customize it.yarn build
to start the building process.yarn serve
to preview your build. A local server will be open at port 1234
. Copy and paste that to your favorite browser and you're done!