DevOps Portfolio

A modern, accessible, and SEO-optimized portfolio showcasing DevOps, Cloud Computing, and Full-Stack Development expertise. Built with React, Vite, Tailwind CSS, and Framer Motion.

🚀 About

Abdessamad Admairi - Computer Science Engineering Student (5th year at EMSI) specializing in DevOps, Cloud Computing, and Full-Stack Development. Currently available for PFE (Projet de Fin d'Études) internship opportunities.

🛠️ Tech Stack

DevOps & Cloud

• Cloud Platforms: Azure, AWS
• Containerization: Docker, Kubernetes, Docker Compose
• IaC & Automation: Terraform, Ansible
• CI/CD: GitHub Actions, Jenkins
• Version Control: Git

Development

• Frontend: React, Tailwind CSS, Material-UI, Framer Motion
• Backend: Node.js, Spring Boot, Python, PHP (Laravel)
• Databases: MongoDB, PostgreSQL, MySQL, OracleDB

System Administration

• Operating Systems: Linux, Windows Server
• Virtualization: VMware, Hyper-V, VirtualBox
• Identity: Active Directory, LDAP

✨ Features

• 📱 Fully Responsive - Optimized for all device sizes
• ♿ Accessible - WCAG compliant with keyboard support and screen reader compatibility
• 🔍 SEO Optimized - Complete meta tags, Open Graph, Twitter Cards, and JSON-LD structured data
• 🎨 Modern Design - Dark theme with glassmorphism and smooth animations
• ⚡ Performance - Optimized with lazy loading and preconnect hints
• 🖨️ Print Friendly - Proper print styles included

📦 Quick Start

git clone https://github.com/DevITJAX/my-devops-portfolio.git
cd my-devops-portfolio
npm install
npm run dev

🏗️ Build

npm run build
npm run preview

🌐 Live Demo

View Portfolio

📁 Project Structure

my-devops-portfolio/
├── public/
│   ├── projects/          # Project images
│   ├── og-image.png       # Social sharing image
│   └── favicon.svg
├── src/
│   ├── components/
│   │   ├── common/        # Header, Footer, ScrollToTop
│   │   └── sections/      # Hero, About, Skills, Experience, Projects, Certifications, Contact
│   ├── data/              # Personal info, skills, projects, experience, certifications
│   ├── styles/            # Global CSS with accessibility features
│   └── utils/
└── index.html             # SEO-optimized HTML with structured data

📞 Contact

• Email: abdessamadadmairi@gmail.com
• LinkedIn: Abdessamad Admairi
• GitHub: DevITJAX

📄 License

This project is open source and available under the MIT License.

---

Inspired by yemery 🖤