Hi, I'm
FataniDev

// Crafting digital experiences with cutting-edge technology

./view-projects./get-in-touch
// TaskMaster.jsx
import React from "react";
import { motion } from "framer-motion";
const TaskMaster = () => {
const [tasks, setTasks] = useState([]);
const [filter, setFilter] = useState("all");
// Task functions
const addTask = (task) => {
setTasks([...tasks, {
id: Date.now(),
text: task
}]);
};
const deleteTask = (id) => {
setTasks(tasks.filter(t => t.id !== id));
};
// Filter tasks
const filtered = tasks.filter(task => {
return filter === "all" ? true : task.completed;
});
return (
<TaskList tasks={filtered} />
);
};

TaskMaster

Organize your day

12
Total
8
Done
4
Left
Setup project
Due today
Review code
Tomorrow
Update docs
This week
npm start
build success ✓

scroll down

$

// About Me

profile.json
{
"name": "Sabaa Fatani",
"alias": "FataniDev",
"role": "Full-Stack Developer | AI Researcher",
"experience": "10+ years",
"education": "PhD Computer Science @ Newcastle",
"research": "AI Healthcare Systems & Digital Twins",
"focus": "Intelligent, scalable digital experiences",
"motto": "Code with purpose. Design with intent."
}
README.md

I'm a full-stack developer, researcher, and tech entrepreneur with over a decade of experience creating digital systems that bridge innovation with real-world impact. My journey started at 15, building websites and experimenting with code.

Currently pursuing a PhD in Computer Science at Newcastle University, researching AI-driven multimodal healthcare systems, digital twins, and adaptive UX. I thrive at the intersection of AI, UX, and software engineering.

I've led development for large-scale systems like Fouj (intelligent Hajj management platform) while delivering dozens of client projects. I craft solutions using React, Next.js, Firebase, and AI frameworks that are functional, scalable, accessible, and future-ready.

$ tree ./expertise
├── frontend/
├── React
├── Next.js
├── TypeScript
└── Tailwind CSS
├── backend/
├── Node.js
├── Express
├── Firebase
└── PostgreSQL
├── ai/
├── Machine Learning
├── Healthcare AI
├── Digital Twins
└── Multimodal Systems
├── tools/
├── Git
├── Docker
├── AWS
├── Figma
└── Research Tools
100+
Projects
50+
Clients
10+
Years
PhD
Research
$ git log --research --oneline -5
f8a3b2dresearchfeat: AI healthcare system multimodal integration
e7c9f1aprojectfeat: Fouj - intelligent Hajj management platform
b4d6e8cresearchresearch: Digital twins for adaptive UX systems
a1f5c9bbusinessentrepreneur: Multiple client MVP deployments
9e2a7f4techinnovation: Firebase + AI framework integration
// Ready to build something impactful together?
./collaborate --with-vision
$ ls ./projects --detailed

// My Projects

Explore innovative solutions built with cutting-edge technology

$ cat ./projects/showcase.json | jq '.page1'
tgeksa-– - website
LIVE
TGEKSA Professional Homepage

TGEKSA – Custom Tailoring for Hospitality

A professional, bilingual website for TGEKSA, a company providing custom tailoring services to hospitality businesses across the region. Designed and ...read more

$ npm list --depth=0
Next.jsReactNode.js+2 more
intervals-- - website
LIVE
Intervals Focus Timer - Retro Flip Clock Interface

Intervals - Focus Timer

A beautifully designed focus timer app featuring a stunning retro flip-clock interface and comprehensive progress tracking. Built on decades of produc...read more

$ npm list --depth=0
React NativeTypeScriptFirebase Analytics+2 more
shaml-– - website
LIVE
Shaml Link-in-Bio Homepage

Shaml – Link-in-Bio for MENA

A link-in-bio platform built specifically for the MENA region with native Arabic and RTL support. Shaml lets creators, influencers, and brands consoli...read more

$ npm list --depth=0
Next.jsReactNode.js+2 more
the-free - website
LIVE
The Free Kit Homepage

The Free Kit – Free Browser Tools

A collection of 11+ genuinely free, privacy-focused browser-based utility tools. Includes QR code generator, image converter/compressor, PDF tools, wo...read more

$ npm list --depth=0
Next.jsReactNode.js+2 more
7evenx-– - website
LIVE
7evenX Homepage

7evenX – Unconventional Experiences

A bold, cinematic website for 7evenX, a mega-events and experiential design company aligned with Saudi Vision 2030. Features a space-themed dark aesth...read more

$ npm list --depth=0
Next.jsReactGSAP+2 more
khayali-– - website
LIVE
Khayali AI Image Generation Homepage

Khayali – AI Image Generation

A premium AI image generation platform that lets users create unlimited beautiful images in seconds. Features multiple image styles, prompt-based gene...read more

$ npm list --depth=0
Next.jsReactFirebase+2 more
page:
[1-6/15] projects loaded
// Have a project in mind?
./init-project --collaborate
$

// My Journey

Professional journey and academic foundation

newcastle-university.educationEDUCATION

PhD in Computer Science

Newcastle University

United Kingdom

2025 – 2028

$ cat ./accomplishments.log
  • →Research Focus: AI-driven multimodal healthcare treatment planning using digital twins
  • →Specializing in polypharmacy risk analysis and adaptive UX systems
  • →Supervised by Prof. Wanqing Zhao
$ npm list --depth=0
AI/MLDigital TwinsHealthcare SystemsUX ResearchData Analysis
sela.experienceEXPERIENCE

IT Consultant

SELA

Saudi Arabia

July 2023 – December 2023

$ cat ./achievements.log
  • →Delivered IT consultation and technical solutions for high-profile national events and expos
  • →Developed the official website for Riyadh Motorshow with optimized performance under heavy traffic
  • →Supported implementation and maintenance of event technologies for Film Confex and Hajj Confex
  • →Integrated real-time display systems and interactive installations for live events
$ npm list --depth=0
Web DevelopmentEvent TechnologyReal-time SystemsInteractive DisplaysHigh-traffic Optimization
wood-plc-(client:-sabic-uk-–-teesside-site).experienceEXPERIENCE

Document Controller & IT Support

Wood PLC (Client: SABIC UK – Teesside Site)

United Kingdom

2022 – 2024

$ cat ./achievements.log
  • →Oversaw critical documentation workflows, version control, and access systems
  • →Introduced custom automation tools to clear backlogs and streamline processes
  • →Significantly improved efficiency and data accuracy for engineering teams
  • →Provided comprehensive IT troubleshooting and support across departments
$ npm list --depth=0
Document ManagementAutomation ToolsIT SupportProcess OptimizationData Management
// Want to see the full details?
$

// Tech Stack

Skills acquired through continuous learning

skills/frontend.config
$ cat ./frontend---web-development/expertise.json
⚛️

React

expert(8+ years)
95%
▲

Next.js

expert(5+ years)
92%
🎨

Tailwind CSS

expert(4+ years)
95%
🌐

HTML5 & CSS3

expert(10+ years)
98%
📝

WordPress (Elementor Pro)

expert(8+ years)
90%
📘

TypeScript

advanced(4+ years)
88%
$ echo $ADDITIONAL_TOOLS

WhatsApp Chat Integration • NFC Systems • Bilingual/Multilingual Support • cPanel Management • SSL Configuration • Process Automation

currently_learning: Advanced AI Ethics, Digital Twin Architecture
$

// Get In Touch

Initiating secure communication channel...

Ready to collaborate on your next project

📧
$ sendmail
email
sabbamf@gmail.com
💼
$ curl -L
linkedin
/in/sabaafatani
🐙
$ git clone
github
@fatanidev
💬
$ curl -X POST
whatsapp
message me
$ systemctl status availability

STATUS: ONLINE

Ready to collaborate on your next project

// Choose your preferred method above to get in touch
⚡
$ ping response_time
Quick Response

Usually within 24 hours

🌍
$ date +%Z
Time Zone

GMT (London, UK)

$ echo "Thanks for visiting!"

Let's Build Something Amazing

© 2024 FataniDev • Powered by coffee and code