Step 1: Create a Firebase Project
- 1. Go to https://console.firebase.google.com and click on 'Add project' after creating an account.
- 3. Once your project is created, click on the web (</>) icon to create a Web App.
- 4. Register the app with a nickname like 'TaskManagerApp' and skip Firebase Hosting setup.
- 5. You will now see your Firebase configuration snippet during firebase app setup (its in the script tag option).
- 6. Copy this configuration block and paste it into your prompt when asking ChatGPT for code.
Step 2: Ask ChatGPT for Code
- 1. Send a prompt to ChatGPT that includes the features you need (refer to the prompt word file)
Step 3: Set Up Firestore Database
- 1. In Firebase Console, go to Firestore Database > Create Database.
- 2. Choose 'Start in test mode' for now (can restrict later).
- 3. Once set up, click 'Start Collection' and name it 'tasks'.
- 4. You can manually add a sample document to test or let the app write the first task.
- 5. Ensure field names match exactly: date, client, desc, assignee, invoice, status
Note : You may keep different collection name and field names only if you’d change the names accordingly in the prompt as well.
Step 4: Save the Code
- 1. Open Notepad
- 2. Paste the full HTML + JavaScript code from ChatGPT into the notepad.
- 3. Save the file as index.html inside a new folder which contains only your notepad
Step 5: Deploy to Netlify
- 1. Go to https://app.netlify.com and sign in or create an account.
- 2. Click 'Add new site' > 'Deploy manually'.
- 3. Drag and drop your folder containing index.html.
- 4. Netlify will deploy your app and give you a live link.
- 5. You can now access your live task manager from anywhere.
Optional: Integrate with Telegram using n8n (Refer word file for prompt 2 for this integration)
- 1. Set up a Telegram bot via @BotFather and get your bot token.
- 2. In n8n, add a Telegram Trigger node to capture messages.
- 3. Add a Code node to parse the message into assignee, client, desc, invoice.
- 4. Add an HTTP Request node to POST data into your Firestore tasks collection.
- 5. You’re done – any Telegram message in the right format will auto-create a task.

Optional: Automate Emails to clients using n8n (once task is marked as complete, it sends email to client)
- Setup the nodes as shown in the workflow.

- Keep schedule trigger to 5mins, connect firestore account using service account option. You can find its credentials on the firebase app you created by opening the firebase app > service accounts > generate a private key. This will download a notepad to your system. Ask chatgpt to find your key and email from the notepad content.
- First If note should have the conditions that invoice amount is not empty and the status is completed. If this is true, second If node is triggered which contains the condition of last update time being < 5mins. If this is true, then it directs to your google sheet (connect with your google workspace account). After that it goes to the gmail node.
Note : You may seek help from chatgpt regarding content to fill in each node or you may refer the below images (next page).

You may paste these images in ChatGPT and ask it to extract the contents to paste in each node.