Forem: Toheeb Temitope

Browser Tabs Hell – The Developer’s Mind

Toheeb Temitope — Mon, 28 Jul 2025 06:58:19 +0000

This is a submission for Frontend Challenge: Office Edition sponsored by Axero, CSS Art: Office Culture._

Inspiration

In the chaotic beauty of a modern workplace, what stands out to me most is the cluttered calm — from sticky notes and glowing tabs to steaming coffee and half-typed lines of code. This piece is titled “Browser Tabs Hell – The Developer’s Mind”, inspired by real office life where multitasking reigns, distractions lurk in every tab, and coffee is sacred.

Demo

![CSS Art Preview]

🔗 Live Demo

💻 Source Code

The entire piece is pure HTML and CSS — no JavaScript. Everything including the clock, coffee steam, sticky notes, and animated keyboard is hand-crafted in CSS.

Journey

This project pushed me to think deeply about office culture and how to translate that visually using only CSS. Here’s what I focused on:

✅ Realistic Layouts: The coffee cup and water cooler are now placed accurately on the office table.
💨 Animated Steam: The coffee now steams gently, giving a lifelike feel.
📂 Scrollable Tabs: The browser window mimics the chaotic tab-overload of real-life developers.
⌨️ Mechanical Keyboard: Redesigned with cleaner rows and blinking typing animation.
🕒 CSS Clock: Built using only CSS, with accurate hands for hour, minute, and second.

Things I Learned:

Mastering transform, perspective, and flex for better 3D-like layouts.
Creating animated effects (like steam) with @keyframes and multiple layers.
Balancing visual detail while keeping CSS maintainable and readable.

What’s Next?

I’d love to:

Add a dark/light mode toggle using CSS @media (prefers-color-scheme).
Create more animated accessories like a bouncing Slack notification or blinking cursor.

Thanks to the DEV community for this fun and inspiring challenge!

Coded with ☕ and chaos.

Stop Manually Checking Rates: Automate Naira Exchange Alerts with Runner H🚀

Toheeb Temitope — Mon, 07 Jul 2025 03:46:54 +0000

This is a submission for the Runner H "AI Agent Prompting" Challenge

Exchange Rate Watcher & Alert Bot 🚀

What I Built

Exchange Rate Watcher & Alert Bot is a Runner H-powered automated AI agent that fetches, tracks, compares, and emails daily USD, GBP, and EUR to Naira exchange rates from 9 reliable sources every morning automatically.

Instead of manually checking multiple unreliable or slow websites, it provides a clean, mobile-friendly daily digest in your inbox with best rates, daily changes, and trends, helping Nigerian freelancers, importers, business owners, crypto traders, and individuals make informed decisions daily.

Demo

📸 Screenshots:

Runner H Workflow:

Delivered Clean HTML Emails:

Structured Google Sheet Tracking: 📊 View Google Sheet

How I Used Runner H

I leveraged Runner H’s beginner-friendly, no-code AI workflow automation in clear, replicable steps:

✅ 1️⃣ Surfer H Browsing & Scraping:
Fetches daily USD, GBP, and EUR exchange rates from 9 trusted sources automatically:

CBN Official Rates
AbokiFX
Investing.com
AbokiForex
Western Union
MoneyGram
NGNRates
NairaToday
Toyaab.com

✅ 2️⃣ Data Extraction:
Pulls Currency Name, Source Name, Current Rate, and Date per source for USD, GBP, EUR.

✅ 3️⃣ Validation:
Compares with the previous day’s rates in “Naira Exchange Tracker” Google Sheet, tagging:

✅ Up (green)
🔻 Down (red)
➖ Same (grey)

✅ 4️⃣ Structured Outputs:
Logs and updates the Google Sheet “Naira Exchange Tracker”, creating it automatically if it doesn’t exist for historical tracking and trends.

✅ 5️⃣ Rich HTML Email Generation:
Creates clean, mobile-friendly, professional HTML emails with inline CSS:

Title, date, clear intro
Bordered table with rates, changes color-coded
Summary with best rates & trends
Alert if USD > 1700 NGN
Footer with Google Sheet link

✅ 6️⃣ Email Distribution:

Sends to toyaabconcepts@gmail.com
CCs mrteesure@gmail.com
Fetches additional recipients from “Finance Alert Subscribers” Google Sheet if available

✅ 7️⃣ Scheduling:
Runs daily at 9 AM WAT automatically via Runner H scheduler, with zero manual intervention.

The Exact Prompt I Used in Runner H

Paste this exact prompt in Runner H for your own build:

You are an AI workflow agent designed to help Nigerian freelancers, importers, crypto traders, and individuals efficiently track daily exchange rates.

TASK
Fetch and track daily USD, GBP, and EUR to NGN exchange rates from multiple reliable sources.

SOURCES
Fetch data from:
1. CBN Official Site – https://www.cbn.gov.ng/rates/ExchRateByCurrency.html
2. https://abokifx.com/
3. https://www.investing.com/currencies/
4. https://abokiforex.app/
5. https://www.westernunion.com/ng/en/home.html
6. https://www.moneygram.com
7. https://www.ngnrates.com/
8. https://nairatoday.com/
9. https://www.toyaab.com

DATA EXTRACTION
For each currency (USD, GBP, EUR) from each source:
- Currency Name
- Source Name
- Current Rate
- Current Date (WAT)

VALIDATION
Compare today's rates with the previous day's rates stored in the Google Sheet:
- Indicate if today's rate is Up, Down, or Same for each currency per source.

STORAGE
Save the following structured columns in a Google Sheet named “Naira Exchange Tracker”:
- Date
- Currency
- Source
- Rate
- Change from Yesterday (Up/Down/Same)
If the Google Sheet does not exist, create it automatically and store it in a folder named “Finance Tracking.”

ALERT EMAIL
Compose a clean, professional, rich HTML email with inline CSS for mobile and desktop readability, structured as follows:

Subject: 📈 Daily Naira Exchange Rates – {Today’s Date}

Body:
1️⃣ Header:
- Large, bold heading: “Daily Naira Exchange Rates”
- Date clearly displayed

2️⃣ Introduction Paragraph:
“Here are today’s USD, GBP, and EUR rates against the Naira from CBN, AbokiFX, Investing.com, and other reliable sources for your quick reference.”

3️⃣ Rates Table:
Create a clean, bordered table with the following columns:
- Currency
- Source (Name + Website)
- Current Rate
- Change from Yesterday (highlight green if Up, red if Down, grey if Same)
Use clear fonts, appropriate padding, and alternating row colors for easy readability.

4️⃣ Summary Insights:
- The best rate for each currency today (highlight in green).
- Notable trends, e.g., “USD has risen by 50 NGN from yesterday on AbokiFX.”

5️⃣ Threshold Alert:
If USD > 1700 NGN on any source, add:
🚨 “ALERT: USD has crossed 1700 NGN on [source] today.”

6️⃣ Footer:
Add:
“You can view and track historical rates using the structured Google Sheet below.”
- Include a clickable link to the Google Sheet with view permissions enabled.

Email Styling Requirements:
- Use inline CSS for email compatibility.
- Use clean fonts (Arial, Helvetica, sans-serif).
- Ensure mobile-friendly sizing.
- Use green (#28a745) for increases, red (#dc3545) for decreases, grey (#6c757d) for unchanged rates.
- Keep layout visually intuitive and professional.

RECIPIENTS
Send the email:
- To: toyaabconcepts@gmail.com (primary recipient).
- Send a copy to: mrteesure@gmail.com for records.
- Then, fetch additional recipient emails from a Google Sheet named “Finance Alert Subscribers” if it exists, and send to those subscribers as well.

SCHEDULE
Run this workflow daily at 9 AM WAT to ensure subscribers receive timely updates.

CLEAN OUTPUT
Ensure:
✅ The email is clear, actionable, and visually organized.
✅ All currency symbols are properly formatted.
✅ HTML structure is clean and visually consistent.
✅ Readable on mobile and desktop without issues.

CONFIRMATION
Once the task is complete, return:
✅ “Rates fetched and emailed successfully for {date}.”

End of instructions.

Replicate This Easily

Step-by-Step for Newbies:

✅ Go to https://runner.hcompany.ai

✅ Sign up/log in.

✅ Connect Google Sheets, Google Drive, Gmail, enable Surfer H.

✅ Create a Google Sheet named “Finance Alert Subscribers” with your subscriber emails (optional).

✅ Paste the prompt above exactly.

✅ Click “Run” and it will run daily automatically.

In less than 10 minutes, your automated exchange rate alert system will be live with zero code.

Real-World Application

Many Nigerian freelancers, business owners, importers, and crypto traders need to track USD, GBP, and EUR rates daily but waste time checking multiple unreliable sources.

This bot automates the entire process, removing manual checking stress and delays.

Impact

✅ Provides daily, reliable exchange rates in one clean email.

✅ Tracks trends over time for better financial decisions.

✅ Supports financial literacy and proactive planning for importers and traders.

✅ Saves 10–15 minutes daily, reducing decision fatigue.

✅ Enables smarter, timely currency decisions.

Why I Built This

Small businesses and freelancers lose money or delay transactions due to unreliable or delayed exchange rate tracking.

By automating with Runner H, this workflow:
✅ Removes guesswork and stress.

✅ Helps people act when rates are favourable.

✅ Makes financial planning easier and data-driven.

Social Love

// Detect dark theme var iframe = document.getElementById('tweet-1942069188501045264-374'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1942069188501045264&theme=dark" }

📈 Tired of manually checking USD, GBP, EUR rates daily? I just built an Exchange Rate Watcher & Alert Bot using Runner H that: ✅ Automatically fetches rates from 9 reliable sources (CBN, AbokiFX… | Toheeb Temitope

📈 Tired of manually checking USD, GBP, EUR rates daily? I just built an Exchange Rate Watcher & Alert Bot using Runner H that: ✅ Automatically fetches rates from 9 reliable sources (CBN, AbokiFX, etc.) ✅ Compares with yesterday’s rates to track trends ✅ Sends a clean, professional daily email digest ✅ Keeps your financial decisions sharp, saves time, reduces decision fatigue It requires zero code and runs automatically every morning at 9 AM. Perfect for: ✅ Freelancers ✅ Importers ✅ Crypto Traders ✅ Business owners managing FX exposure If you want to automate your mornings and focus on smarter decisions, check out the step-by-step guide here: 🔗 https://lnkd.in/eAxRjkJN

linkedin.com

🚀 Ready to Take Control of Your Daily Exchange Rate Tracking?

Build your Exchange Rate Watcher & Alert Bot on Runner H today and transform your daily financial workflow!

Thanks for reading! Drop your questions below if you need help setting up your own AI-powered finance workflows using Runner H.

Never Miss a Scholarship Again: Building Scholarship Hunter, Your Automated Scholarship Finder for African Students.

Toheeb Temitope — Sat, 05 Jul 2025 16:18:17 +0000

This is a submission for the Runner H "AI Agent Prompting" Challenge

What I Built

Scholarship Hunter is a Runner H-powered automated AI agent that fetches, filters, summarizes, formats, and distributes weekly scholarship opportunities for African students, especially in Nigeria.

It scrapes relevant, current, and fully funded scholarships (requiring no IELTS where possible), ensures at least 10 valid opportunities weekly, formats them cleanly, and automatically sends a rich HTML digest to my subscribers, saving hours of manual research and newsletter preparation every week.

Demo

📸 Screenshots:

Workflow diagram in Runner H

Delivered email in HTML format

Google Sheet and Google Doc outputs.

Sheet link:

Doc Link:

Subscriber receiving the digest.

How I Used Runner H

I leveraged Runner H’s capabilities in these steps:

✅ Surfer H Browsing: Automatically visits opportunitiesforafricans.com, opportunitydesk.org, and scholarshipscorner.website to extract live scholarship data weekly.

✅ Data Parsing & Filtering: Filters only relevant scholarships by keywords (“Nigeria,” “Africa,” “fully funded,” etc.) and skips expired opportunities.

✅ Validation: Ensures at least 10 scholarships are gathered each week before sending.

✅ Structured Outputs:

Compiles a Google Sheet with scholarship title, eligibility, deadline, award, link, and a 2–3 sentence summary.
Generates a Google Doc in Markdown-friendly newsletter format.

✅ Rich HTML Email Automation:

Fetches subscriber emails from my Google Sheet titled “Scholarship Subscribers”.
If the file is missing, sends fallback to toyaabconcepts@gmail.com.
Sends a richly formatted HTML email to all subscribers, including:
- Clickable scholarship titles
- Eligibility
- Deadline
- Award
- Summary
- Footer with direct links to the Google Sheet & Google Doc
Sends a copy of the email to myself for tracking.

✅ Scheduling: Runs weekly on Mondays at 8 AM WAT, requiring zero manual intervention.

Replication Instructions:

Firstly, create your a Google Sheet named "Scholarship Subscribers" and list your subscriber emails in it.

2.Visit: https://runner.hcompany.ai

Connect Google Sheets, Docs, Drive, and Gmail integrations.

Enable surfer H if not already enabled.
Paste this structured prompt:

Using Surfer H browsing capabilities, go to the following scholarship websites:
- https://opportunitiesforafricans.com/
- https://www.opportunitydesk.org/
- https://scholarshipscorner.website/

Search for current and upcoming scholarships relevant to African students, particularly in Nigeria, focusing on opportunities that are fully funded, require no IELTS, and are for undergraduate or master's studies.

For each scholarship found:
- Extract:
   - Scholarship Title
   - Eligibility criteria (including citizenship/location requirements)
   - Deadline
   - Award amount or benefits
   - Application link
   - A 2–3 sentence summary highlighting why it is attractive for African students.

Filter out any scholarships that are already expired or have deadlines that have passed.

Once you have shortlisted at least 10 relevant scholarships, compile them into a clean, readable Google Sheet in my Google Drive with the following columns:
- Title
- Eligibility
- Deadline
- Award
- Application Link
- Summary

Name the Google Sheet:
Weekly Scholarship Digest – {Today’s Date}

Additionally, create a Google Doc summarizing the scholarships in a Markdown-friendly format for email newsletters, using this structure:

Weekly Scholarship Digest – {Today’s Date}

[Scholarship Title](Link)
- Eligibility: [Scholarship Eligibility]
- Deadline: [Deadline]
- Award: [Award]
- Summary: [Summary]
---

Save the Google Doc in the same Google Drive folder as the Google Sheet.

Once completed, retrieve the list of subscriber emails from my Google Sheet named "Scholarship Subscribers" in my Google Drive and use these as the recipient list for the email. If the "Scholarship Subscribers" file is not found, send the email to (input your fallback email) instead.

Send the email in a clean, reader-friendly rich HTML format with the following:
- Subject: Your Weekly Scholarship Digest is Ready! 📚
- Body:
   - A short introduction: "Here is the curated scholarship digest for this week."
   - For each scholarship:
      - Title as a clickable link
      - Eligibility
      - Deadline
      - Award
      - Summary

At the bottom of the email, include:
"You can view the structured sheet and formatted newsletter draft below.
- Link to the Google Sheet
- Link to the Google Doc"

Ensure the Google Sheet and Google Doc have viewing permissions enabled for my email.

Send a copy of the email you sent to subscribers to (input your personal email) for my records.

Press “Run button.”

That's all, simple in minutes.

Use Case & Impact

Real-World Application:

Many African students miss scholarship opportunities due to lack of organized, current, and accessible listings. Manual research is time-consuming, and generic job/scholarship sites often include expired or irrelevant entries.

Scholarship Hunter automates the research and newsletter preparation pipeline, helping students:
✅ Discover fully funded, relevant opportunities on time.
✅ Reduce information overload by receiving only 10 actionable, summarized scholarships weekly.
✅ Access a structured sheet for easy sorting and a clean newsletter for quick reading.

Impact:

✅ Saves me 4–6 hours weekly in newsletter preparation.
✅ Keeps subscribers consistently engaged.
✅ Enables scaling to additional student communities or local study groups.

Social Love

// Detect dark theme var iframe = document.getElementById('tweet-1941536156170248338-969'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1941536156170248338&theme=dark" }

Scholarship Hunter | Toheeb Temitope

🌍 Introducing Scholarship Hunter: Automating Scholarship Discovery for African Students Using Runner H, I built an AI-powered workflow that: ✅ Fetches & filters current, fully funded scholarships ✅ Summarizes opportunities in a clear, digestible format ✅ Compiles them into Google Sheets & Docs ✅ Sends a rich HTML email digest weekly to subscribers This saves me 5+ hours weekly and helps African students discover and apply for scholarships they would otherwise miss. I’m excited about how low-code AI automation can simplify access to opportunities for young Africans. 🔗 https://lnkd.in/e4BvjKSc #BuildWithRunnerH #AI #Automation #Scholarships #EdTech #Africa #Nigeria #NoCode #Productivity

linkedin.com