Manual Setup
Basic manual setup for experienced developers.
This setup is not recommended to everyone, please use the instant setup instead. We'll set up the builder on your local machine which is intended for experienced developers. Check the following requirements below to see if your local environment is ready.


Download and install the following programs to set up your local environment.
  1. 1.
    Git - version control system.
  2. 2.
    Node.js - Javascript engine.
  3. 3.
    Yarn - package manager.
  4. 4.
    Visual Studio Code - code editor.
  5. 5.
    High-resolution image in JPG/JPEG format. (we don't need PNG/GIF lol).


  1. 1.
    Create a folder in your local machine and name it.
  2. 2.
    Get a copy of the builder and make sure to place the builder inside the folder you created. There are two ways to get the builder.
    1. 1.
      Download the latest version from the official GitHub repository. Extract it inside the folder you created.
    2. 2.
      Clone it using git, open your favorite command-line interface and type the following command to clone it.
      git clone https://github.com/warengonzaga/css-text-portrait-builder.git
  3. 3.
    Inside the builder directory, simply type the command yarn install.
Wait for the installation to finish, proceed to the build steps! 🎉
Copy link