Ayman M. Khair
Ayman M. Khair
Front End Developer
About
Ayman M. Khair
Aspiring Doctor | Tech Enthusiast | Programmer
I'm a student with a interest in medicine and technology. I enjoy learning new things and taking on challenges that help me improve. My goal is to become a doctor, where I can apply my interest in science to make a real difference in people's lives.
Languages
Medicine & Academic
Technology & Development
Sports & Physical Activities
Strategy & Recreation
Driven & Goal-Oriented
I approach life with clear ambitions and a strategic mindset. Whether it's academic excellence, mastering a new skill, or pursuing my medical career, I set challenging goals and work persistently to achieve them.
Active & Competitive
I thrive in both mental and physical challenges. From academic competitions to sports, I enjoy pushing my limits and constantly improving. This competitive spirit drives me to excellence in everything I pursue.
Multilingual Communicator
Being fluent in Arabic and English, with German in progress, I value cross-cultural communication. This skill will be invaluable in my future medical career, allowing me to connect with and help diverse patients.
Technological Aptitude
My passion for technology and programming complements my medical ambitions. I believe healthcare's future lies at the intersection of medicine and technology, and I'm preparing myself for this exciting frontier.
Born
I was born, starting the journey...
Alot Of Stuff, Too Much To List
Memorized the Quran
Completed the memorization of the entire Quran through daily discipline — a milestone that taught me patience and resilience.
Started HTML
Took my first step into web development by learning HTML. I began creating structured content for websites and understanding the foundation of front-end programming.
Started CSS
Learned how to style and design websites using CSS. This introduced me to creative web layouts, responsive design, and visual aesthetics in coding.
Started JavaScript
Entered the world of programming logic through JavaScript, bringing interactivity to my websites and learning core concepts like variables, loops, and DOM manipulation.
Modern Tools & Frameworks
Learned Bootstrap and Tailwind CSS, significantly speeding up my design process while mastering responsive UI components and reusable layouts.
Git & GitHub
Began using Git and GitHub for version control and collaboration. Learned how to push, pull, and manage branches while hosting my projects online.
Learned React
Studied React.js to build dynamic front-end applications using components and hooks. Gained experience creating interactive user interfaces.
Learned Vue
Explored Vue.js as an alternative to React, appreciating its simplicity and flexibility. Used it to build lightweight, reactive apps.
Custom CSS Framework
Developed my own CSS framework to streamline project styling and gain a deeper understanding of how utility-based systems work.
Responsive Design Mastery
Built fully responsive websites and learned how to use browser DevTools effectively to debug, test, and improve performance.
Canva Projects
Used Canva to create design content including posters, mockups, and visual branding assets — an important step in creative communication.
Figma Tutorials
Watched multiple Figma tutorials to understand design systems, prototyping, and collaborative UI/UX design workflows.
Photoshop Skills Revived
Returned to Photoshop, remembering many of the advanced tools and effects I had previously mastered for digital design and editing.
Basic Illustrator
Explored the basics of Adobe Illustrator, learning vector creation, path manipulation, and logo design techniques.
Networking & Nmap
Gained fundamental knowledge in computer networking and began using Nmap for network scanning and security exploration.
Backend with AI Help
Started exploring backend development concepts, using AI tools to build simple APIs and connect frontend to server-side logic.
Kickboxing
Began training in kickboxing to improve physical strength, discipline, and confidence through consistent practice and sparring.
Debate
Joined debate competition and developed strong public speaking, critical thinking, and persuasive argumentation skills.
Started Learning German
Took on the challenge of learning German as a third language to expand cultural knowledge and future global opportunities.
Gallery
My Projects
Showcasing my creative work and technical expertise through these carefully crafted projects
Technical Skills
I'm passionate about technology and continuously expanding my programming knowledge. I've worked with various languages and frameworks, focusing on what I currently use while maintaining familiarity with technologies I've explored in the past.
HTML/CSS
Creating structured, responsive web interfaces
Bootstrap
Building responsive designs with popular UI framework
JavaScript
Building interactive web experiences
Frontend Development Based one what I remember of them now. For sure I did master them more.
-
HTML 90%
-
CSS 95%
-
JavaScript 70%
-
React 30%
-
Vue JS 10%
-
Tailwind 15%
Backend Development
-
Python 60%
-
Flask 40%
-
Node.js 10%
-
SQLite 20%
Tools & Technologies
-
Git 70%
-
GitHub Pages 80%
-
Chrome DevTools 80%
-
Command Prompt 70%
-
Sass 60%
Design Tools
-
Photoshop 70%
-
Canva 60%
-
Figma 30%
-
Illustrator 25%
Miscellaneous
-
Networking 20%
-
Nmap (basics) 20%