A professional portfolio website showcasing my experience as an IT Infrastructure Engineer and Full Stack Software Developer. This website serves as an online CV, demonstrating my technical skills, professional experience, and personal projects.

The portfolio highlights my hands-on projects in web development, network engineering, DevOps, and database administration.

• Online CV: https://noahandtheark.github.io/MyCV/
• LinkedIn Profile: https://www.linkedin.com/in/noah-mashaba-888025220/

• Responsive Design: Fully responsive layout for all devices
• Modern UI: Clean, professional design with smooth animations
• Interactive Elements: Engaging interface with hover effects and transitions
• Contact Form: Functional form with real-time validation
• Social Media Integration: Direct links to professional profiles
• Projects Showcase: Live demos and GitHub repositories for hands-on projects

• Frontend: HTML5, CSS3, JavaScript, React
• Backend: Node.js, Express, Python, Django
• Databases: SQL & NoSQL (MongoDB, PostgreSQL)
• Tools & Libraries: Git, Font Awesome, Google Fonts, CSS Grid & Flexbox

1. Home (index.html)

   • Welcome section
   • Brief introduction
   • Call-to-action buttons

2. About (about.html)

   • Professional Profile
   • Technical Skills
   • Certifications & Training
   • Personal Interests

3. Contact (contact.html)

   • Contact Information
   • Functional Contact Form
   • Social Media Links

• React, Node.js, Express
• RESTful APIs
• Role-based Access Control
• Frontend & Backend Integration
• SQL & NoSQL Databases

• Cisco Routing & Switching (CCNA, CCNP)
• Mikrotik Network Engineering (MTCNA, MTCWE, MTCRE)
• Windows & Linux Administration
• Virtualization & Cloud Services

• Wireshark, PRTG, Nagios, Zabbix
• Firewall Configuration, VPN, IDS
• Access Control & Security Monitoring

• Hikvision, Uniview, Milestone XProtect
• Video Management Systems
• Camera Configuration & Network Integration

• Git & Version Control
• CI/CD Basics
• Backup & Recovery
• Database Management & Optimization

1. React Hangman Game – GitHub | Live Demo
2. GitHub Explorer – GitHub
3. Refactoring Project – GitHub
4. MyCV Portfolio – GitHub | Live

• Light grey theme with blue accent highlights
• Smooth animations and transitions
• Interactive hover effects
• Clean typography (Inter font family)
• Consistent spacing and layout across pages

• LinkedIn: Noah Mashaba
• GitHub: NoahandtheArk
• X / Twitter: @NoahMashaba

• Email: [email protected]
• Phone: +27 62 600 5102
• Location: Johannesburg, South Africa

The contact form includes:

• Real-time validation
• Required field checking
• Email format validation
• Minimum length requirements
• Success/error messages
• Automatic form reset after submission

Created by Noah Mashaba – showcasing professional experience, technical skills, and full stack development projects.