I'm a Full-Stack Developer and IoT Enthusiast based in El Jadida, Morocco. Currently, I am a 3rd Year Computer Science Student at the Faculty of Sciences, Chouaib Doukkali University (UCD).
I specialize in bridging the gap between software and hardware, building clean web applications, and experimenting with embedded systems.
Status: Actively seeking Web Development Internship opportunities in Morocco.
Highlight: Participated in several tech competitions and achieved excellent scores.
I'm proficient in React, Node.js, and Java Spring Boot, with a growing passion for Embedded C & Python.
Reach me at: ayoubabbadi80@gmail.com
A smart system designed to optimize energy consumption using Raspberry Pi, ESP32, and MQTT. This project combines hardware sensors with a software dashboard for real-time monitoring and successfully secured a perfect score at ROMITEF 2026.
A clean, creative, and responsive Pomodoro timer designed to boost productivity. Built with React to demonstrate strong skills in component-based architecture and state management.
| Key Technologies | Category | Status |
|---|---|---|
| C++, Python, MQTT | IoT & Embedded | Completed |
| React, Node.js | Web Application | Live/Active |
| Java, Spring Boot | Backend Systems | Ongoing |
- Front-End: React, JavaScript, Tailwind CSS, HTML5, CSS3
- Back-End: Node.js, PHP, Java (Spring Boot)
- IoT & Embedded: Arduino, ESP32, Raspberry Pi, MQTT Protocols
- General Programming: Python, C, C++, Kotlin
- Tools: Git & GitHub, VS Code, Linux
I believe the best way to learn is by building and sharing. Here are open-source guides and challenges I've created:
- Advanced Portfolio Challenge: Build a modern portfolio using only a screenshot as a guide.
- Decathlon CSS Challenge: Recreate a complex store landing page using CSS Grid/Flexbox.
- CSS Animation Challenges: A series of creative exercises to master CSS keyframes and transitions.
- React Learning Guide: A complete single-file guide to React components and hooks.
- C Language Learning Guide: A structured repository for mastering the fundamentals of C programming.
- HTML/CSS Learning Hub: Hands-on guide covering Layouts, 3D transforms, and Animations.
