Skip to content
View Fouad-dev101's full-sized avatar

Block or report Fouad-dev101

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
fouad-dev101/README.md

πŸ‘‹ Hey, I'm Fouad Sabbani

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

Portfolio LinkedIn Email

Profile views


🧠 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

Frontend skills

Backend

Backend skills

Databases

Databases

Languages

Languages

Tools & Workflow

Tools

Other

REST APIs JWT AI APIs Responsive Design


πŸš€ 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

GitHub streak

🎯 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

Email LinkedIn Portfolio

⚑ Build. Break. Learn. Repeat.

Fouad Sabbani Β· Morocco πŸ‡²πŸ‡¦

Pinned Loading

  1. athlete-tracker athlete-tracker Public

    πŸ€ Full-stack athlete performance tracker with JWT auth, workout logging, basketball metrics, injury tracking, AI training planner, and CSV export. Built for ballers by a baller.

    JavaScript 3

  2. First_AI_agent First_AI_agent Public

    An AI agent that summaries tech news from 3 different websites and send it a proper HTML page

    Python 3

  3. hackathon-bibliotheque hackathon-bibliotheque Public

    Application de gestion de bibliothΓ¨que avec authentification JWT. Les utilisateurs peuvent emprunter/rendre des livres. Les administrateurs peuvent ajouter/supprimer des livres. Stack : React, Node…

    JavaScript 2

  4. its-pros-site its-pros-site Public

    Site vitrine pour ITS PROS, entreprise de chauffage / climatisation / plomberie basΓ©e Γ  Brignoles & Saint-Maximin-la-Sainte-Baume (Var, France).

    HTML 2

  5. OceanGuideAI OceanGuideAI Public

    Identify marine species by name or description. Flask web app with AI chatbot, species cards, FAO data, and external APIs.

    CSS 2

  6. hackathon-2026 hackathon-2026 Public

    Hackathon ISTA 2026

    1