Work I'm Proud Of

Here's a look at some projects where I've blended technology with creative problem-solving. Each one tells a story.

Barakah
Barakah

The Problem

Muslims need a lightweight, privacy-first companion to get accurate prayer times, read the Quran, and access daily spiritual tools without heavy backend dependency or intrusive tracking.

My Role

Lead Frontend Developer — implemented core features, integrations, PWA offline flow, UI polish, and deployment.

Client Feedback

"‘Practical, beautiful, and respectful of privacy — exactly what our community needed.’ — Beta user"

Technologies Used:

React
Vite
Tailwind CSS
Aladhan API
Halal Identification
PWA
IndexedDB
Service Worker
Framer Motion
Fuse.js
Recitation
Accessibility
Netlify
Barakah
Islamic App
Qibla
Prayer Times
Quran Reader
ByteChat
ByteChat

The Problem

Most messaging apps either compromise on security, lack modern features, or don't work seamlessly across devices with a native-like feel.

My Role

Led full-stack development from design to deployment, integrating WebRTC for peer-to-peer communication, Firebase for authentication and real-time data, and Gemini AI for in-app assistance.

Technologies Used:

Next.js
TypeScript
Tailwind CSS
ShadCN UI
Firebase
Firestore
Authentication
WebRTC
PeerJS
AI
Google Gemini
PWA
Promptly
Promptly

The Problem

Users need a modern, responsive, and versatile AI chat app that supports multiple AI models, handles images, and offers advanced interaction methods like voice input — all in a single, polished interface.

My Role

Designed and developed the entire application, integrating multiple AI providers, implementing responsive UI/UX, voice and vision features, and ensuring smooth error handling and performance.

Technologies Used:

Next.js
TypeScript
Tailwind CSS
ShadCN UI
Lucide React
Google Genkit
Google Gemini
OpenRouter
AI
Multi-Model
Voice Interface
ReadOn
ReadOn

The Problem

Users often struggle to find a single news app that is fast, personalized, works offline, and provides advanced filtering without clutter or unnecessary distractions.

My Role

Handled end-to-end development — from UI/UX design in Next.js and Tailwind CSS to integrating Firebase, AI search, PWA features, and optimized offline-first architecture.

Technologies Used:

Next.js
TypeScript
Tailwind CSS
ShadCN UI
Firebase
Firestore
IndexedDB
PWA
AI
Google Genkit
Newsdata.io
CandleWeb
CandleWeb

The Problem

People often want to send unique, heartfelt birthday wishes online but lack the time or design skills to create something beautiful and personalized.

My Role

Designed and developed the full application, integrated Genkit AI for message generation, implemented PWA support, template selection, and dynamic website creation with shareable links.

Technologies Used:

Next.js
React
TypeScript
Tailwind CSS
ShadCN UI
Genkit
PWA
AI
React Hook Form
Zod
Imaginate
Imaginate

The Problem

Creating a seamless web app that allows users to generate high-quality images using text prompts, leveraging AI models while ensuring smooth user experience.

My Role

I independently handled the entire development of the project — from UI/UX design to backend integration with Hugging Face APIs. I also iteratively improved the product based on testing and feedback.

Technologies Used:

Html
CSS
JavaScript
Hugging Face
Note It
Note It

The Problem

Users needed a simple, efficient way to manage daily notes and tasks without relying on complex third-party applications or cumbersome setups.

My Role

As a personal learning initiative, I undertook the complete design and development of this web application. My goal was to build a practical tool while honing my fundamental web development skills.

Technologies Used:

HTML
CSS
JavaScript
Web App
Productivity
Self Project