Portfolio Website — LEBAILI Mohamed Ouail

---

A personal portfolio website for LEBAILI Mohamed Ouail (GitHub: Waelalg), showcasing projects, resume and skills. This React app is built to be responsive, easy to customize, and suitable for presenting both web and embedded/IoT projects.

Live demo: (https://www.wael-dev.me/)

---

What’s included / Features

• Multi-page React portfolio (Home, About, Projects, Resume, etc.)
• Resume viewer (renders multi-page PDF) + download button
• Project cards (GitHub + Demo links) — placeholder shown when no image provided
• GitHub activity calendar
• Particle background and subtle UI effects
• Responsive layout using React-Bootstrap
• Accessible links and basic ARIA attributes

---

Projects included in the portfolio

(These are the public repositories included in the Projects section of the site. Each card links to the repo; add screenshots to src/Assets/Projects/ to enable visual thumbnails.)

• attack_detection_dashboard — https://github.com/Waelalg/attack_detection_dashboard
• attendance-app — https://github.com/Waelalg/attendance-app
• IoT-Fleet-Management-Tracking — https://github.com/Waelalg/IoT-Fleet-Management-Tracking
• Magflow-backend — https://github.com/1CS-Project-ESI/Magflow-backend
• Real_time_chat_application — https://github.com/Waelalg/Real_time_chat_application
• Industrial-IoT-Machine-Monitoring-Control-System — https://github.com/Waelalg/Industrial-IoT-Machine-Monitoring-Control-System
• MERN-Movie-Recommendation — https://github.com/Waelalg/MERN-Movie-Recommendation
• botnet_attack_detect_backend — https://github.com/Waelalg/botnet_attack_detect_backend
• les_freres_rotisseurs — https://github.com/Waelalg/les_freres_rotisseurs

---

Tech stack

• React.js (create-react-app style)
• React Router
• React-Bootstrap & Bootstrap
• react-pdf for resume rendering
• react-github-calendar
• react-tsparticles for particle background
• Icons: react-icons
• Build / deploy friendly (Vercel, Netlify etc.)

---