🚀 Building an AI-Powered Typing Master Web App (React + Next.js)

Abdullah Jahangir — Fri, 10 Apr 2026 13:07:43 +0000

I recently built a Typing Master Web Application using modern frontend tools and AI-assisted development. The goal was to create a smart, engaging platform to improve typing speed and accuracy.

✨ Features
Level-based system (Beginner → Level 50)
Real-time analytics (WPM, accuracy, errors)
AI-powered performance insights
10+ interactive typing games
User dashboard with progress tracking
Smooth, responsive UI
🛠 Tech Stack
React / Next.js
Tailwind CSS
Framer Motion
🤖 Key Insight

AI helped speed up development by improving UI design, logic generation, and overall user experience—making the app more efficient and scalable.

🔗 Live Demo
https://key-mastery-journey.lovable.app/

I Built Pakistan's First AI Data Platform — PakData Insights

Abdullah Jahangir — Thu, 02 Apr 2026 11:48:28 +0000

What I Built

PakData Insights is Pakistan's first AI-powered public data
platform. Anyone can explore Pakistan's GDP, literacy rate,
population and provincial data — and ask questions to PakBot
our AI assistant.

🔗 Live Site: https://pak-data-insights--aj0051704.replit.app

Why I Built This

Pakistan has no central place for public data.
I am an AI and Data Science student and I wanted to solve
this real problem using technology.

Tech Stack

Next.js + Tailwind CSS
Google Gemini AI (PakBot)
Recharts for data visualization
Deployed on Replit

Features

📊 Pakistan GDP, literacy, population charts
🤖 PakBot — AI chat in Urdu and English
🗺️ Interactive Pakistan province map
📰 Latest Pakistan data updates

What I Learned

Building AI-powered web apps
Working with public data APIs
Agentic AI integration

Built with ❤️ for Pakistan