👋 Hey, I'm Fouad Sabbani

Building useful software at the intersection of Full-Stack Engineering & AI.

---

🧠 About Me

I'm Fouad, a Full-Stack Developer from 🇲🇦 Morocco who enjoys turning ideas into working software.

I like going beyond just writing code, I enjoy understanding the problem, designing the solution, building the architecture, connecting the pieces, and eventually getting the product into the hands of real users.

My current interests sit around:

• 🌐 Full-Stack Web Development
• 🤖 AI-powered applications & AI agents
• 🧩 Backend architecture & APIs
• 🗄️ Databases & data-driven applications
• 🚀 Deployment & real-world products
• ⚙️ Automation
• 📚 Continuously improving my software engineering fundamentals

I'm currently going deeper into TypeScript and PostgreSQL, while continuing to explore modern application architecture and AI-powered products.

I don't want to just learn technologies. I want to use them to build things worth using.

---

🛠️ Tech Stack

Frontend

Backend

Databases

Languages

Tools & Workflow

Other

---

🚀 Featured Projects

A few projects I've built while learning, experimenting, and solving real problems.

---

🏀 Athlete Tracker

A full-stack platform designed around athletic performance and workout tracking.

Built with:

React JavaScript Node.js Express SQLite JWT bcrypt Recharts AI

What it includes

• 🔐 Authentication & protected routes
• 🏋️ Workout tracking
• 📈 Performance analytics
• 🏀 Basketball-specific metrics
• 🩹 Injury tracking
• 🤖 AI-powered training planning
• 📊 Data visualization
• 📁 CSV export

What this project taught me:

Building a complete application means much more than making the UI. It means connecting frontend, backend, database, authentication, business logic and user experience into one system.

🔗 View Repository →

---

🤖 First AI Agent

An automated AI-powered tech news pipeline.

This project explores how AI can be used as part of an automated workflow, rather than simply as a chatbot.

Pipeline

Tech Sources
     ↓
Web Scraping
     ↓
Content Collection
     ↓
AI Summarization
     ↓
HTML Newsletter
     ↓
Email Delivery
     ↓
Automated Schedule

Key concepts

• 🕷️ Web scraping
• 🤖 LLM integration
• 📝 Automated summarization
• 📧 Email automation
• 🌐 HTML generation
• ⏰ Scheduled execution

🔗 View Repository →

---

🌊 OceanGuideAI

An AI-powered marine information and species identification application.

Built around external data sources and AI to explore marine species and information.

Highlights

• 🌊 Marine species information
• 🔎 External API integration
• 🤖 AI-powered identification
• 🧠 AI-assisted responses
• 🐍 Flask backend
• 🌐 Web application architecture

Technologies:

Python Flask Groq FishBase SeaLifeBase GBIF

🔗 View Repository →

---

⚡ AI Flashcard Generator

Turn learning material into structured flashcards using AI.

Architecture

React / Vite
     ↓
FastAPI
     ↓
AI Model
     ↓
Structured JSON
     ↓
Interactive Flashcards

Built with:

React Vite Python FastAPI Groq

The project gave me hands-on experience connecting a modern frontend to a Python API and turning unstructured AI output into structured application data.

🔗 View Repository →

---

💼 ITS PROS

A real-world website built for a business.

This project was different from my academic projects because the goal wasn't simply to demonstrate a technology.

The goal was to build something usable by an actual organization.

Focus areas

• 📱 Responsive design
• 🔎 Local SEO
• 🧭 Semantic HTML
• 🗺️ Sitemap & robots.txt
• 📊 Structured data
• 🔐 Content Security Policy
• 🛡️ Anti-spam protection
• ⚡ Performance optimization
• 🌐 Production deployment

🔗 View Repository → 🔗 Visit Website →

---

🏆 Hackathon 2026

A collaborative project built under hackathon constraints.

This project gave me experience working within a limited timeframe while focusing on:

• 💡 Turning an idea into a working product
• 🤝 Collaboration
• 🧠 Problem solving
• 🖥️ Application development
• 🚀 Shipping instead of endlessly planning

🔗 View Repository →

---

🧭 Currently Exploring

TypeScript
    ↓
Stronger type-safe applications

PostgreSQL
    ↓
Relational database design & production-ready data systems

Backend Architecture
    ↓
APIs • Authentication • Validation • Scalability

AI Agents
    ↓
LLMs • Automation • Tool use • Real-world workflows

Software Engineering
    ↓
Testing • Git workflows • CI/CD • Clean architecture

---

🧪 How I Like To Build

I try to think about software as more than just code.

01 — Understand What problem are we actually solving?

02 — Design How should the system work before I start coding?

03 — Build Turn the design into a working product.

04 — Test Break it before users do.

05 — Improve Refactor, optimize and simplify.

06 — Ship A project isn't finished when it works on my laptop.

---

📈 GitHub Activity

---

🎯 What I'm Looking For

I'm open to opportunities where I can learn, contribute and build real software.

💼 Professional

• Internship opportunities
• Junior Full-Stack / Software Developer roles
• Remote opportunities
• Freelance projects
• Collaboration with developers and builders

🚀 Personal

• Building products
• Exploring startup ideas
• Learning from real-world engineering
• Continuing my education
• Turning ideas into useful software

---

🤝 Let's Build Something

If you're working on something interesting, whether it's a product, startup, open-source project or just a crazy idea. Feel free to reach out.

📫 Get in touch

⚡ Build. Break. Learn. Repeat.

Fouad Sabbani · Morocco 🇲🇦