Note:

• Partnership disclosure: This tutorial is in partnership with Genspark.
  • Get your free 100 Genspark credits to try out this project here:  https://www.genspark.ai/?utm_source=ig&utm_campaign=nashallery
• AI disclosure: This tutorial makes use of creating an AI agent to automatically populate your code.
• Usage rights: All the code and artwork in the GitHub repo are for personal use only. Copyrights reserved to Nashallery.

Tech Stack:

• Any IDE (I use Vscode)
• Github
• Genspark
• (Optional) Any web hosting

Step 1: Grab the template via Github

Clone my Github repo for the template:

https://github.com/nasha-wanich/digital-typewriter

Step 2: Customize the frontend

Change the text however you’d like. You’re also welcome to customize it to your name, change the artwork, CSS, or design something completely new for yourself.

• Name: To change the name (from “Nasha” to something else), use Ctrl + F / Command + F to find “Nasha” in both index.html and script.js, then replace it with your name.
• Artwork: Replace the artwork in the assets folder with your own artwork. I recommend using the same name so you don’t have to change the code manually.

Step 3: Create your own Github repo + push your code

Create a new Github repo, connect it to your project, and push the code to the Github

Step 4: Connect to calendar + to do list