Mthokozisi_Nene_Resume_profile

🌟 Mthokozisi Nene - Interactive Resume Portfolio

## 🚀 **[VIEW LIVE WEBSITE](https://mthoko07.github.io/Mthokozisi_Nene_Resume_profile)** 🚀 [](https://mthoko07.github.io/Mthokozisi_Nene_Resume_profile) [](https://mthoko07.github.io/Mthokozisi_Nene_Resume_profile) [](https://github.com/mthoko07/Mthokozisi_Nene_Resume_profile/actions) ### 💼 Software Tester | QA Engineer | ASP.NET Developer | IT Technician ### 📍 Durban, South Africa

---

🎯 Quick Access

🌐 Live Website	📧 Contact	💼 LinkedIn	🔧 GitHub
Visit Resume Site	mthokozisi.nene2018@gmail.com	LinkedIn Profile	GitHub Profile

---

📋 About This Project

A beautiful, modern, and interactive resume website built with React featuring a dashboard interface, multiple tabs, automation testing, and CI/CD deployment. This portfolio showcases my experience as a Software Tester, QA Engineer, ASP.NET Developer, and IT Technician with expertise in manual testing, test automation, .NET development, and technical support.

🎯 Professional Focus

• ASP.NET Core & MVC Development (C#, Entity Framework)
• Manual & Automated Testing (Selenium, MSTest, NUnit)
• Azure DevOps & Test Management
• RESTful API Development & Testing
• IT Support & Infrastructure Management
• Network Configuration & Troubleshooting
• Hardware Diagnostics & System Administration
• Agile/Scrum Methodologies
• Quality Assurance & Process Optimization

  🚀 Features

• ✅ QA-Focused Portfolio - Showcases real testing experience and automation skills
• ✅ Modern Dashboard UI - Clean and professional interface with smooth animations
• ✅ Multiple Interactive Tabs - Dashboard, About, Experience, Skills, Projects, and Contact
• ✅ Automation Testing Suite - Selenium tests with CI/CD integration
• ✅ Responsive Design - Works perfectly on desktop, tablet, and mobile devices
• ✅ SEO Optimized - Searchable by recruiters on Google and other search engines
• ✅ CI/CD Pipeline - Automated deployment with GitHub Actions
• ✅ Professional Branding - Bright, modern design that stands out to recruiters

🛠️ Tech Stack

Frontend	Backend/Testing	IT Support	DevOps
React 19.2.1	ASP.NET Core	Windows Server	GitHub Actions
JavaScript/CSS3	C# / .NET Framework	Active Directory	Docker
HTML5	Entity Framework	Network Config	GitHub Pages
Bootstrap	SQL Server	Hardware Diagnostics	Azure DevOps

🎯 Professional Experience Highlighted

• DUT AppFactory - ASP.NET Developer & QA Tester (2022-2024)
• IT Technician & Technical Support - Various Organizations (2021-2022)
• ASP.NET Core & MVC Development with C# and Entity Framework
• Manual & Automation Testing with Azure DevOps and MSTest
• IT Infrastructure Support - Windows Server, Active Directory, Network Management
• RESTful API Development & Testing
• Test Case Design & Execution for web and mobile applications
• Hardware Diagnostics & System Troubleshooting
• Agile/Scrum Environment collaboration

🤖 Automation Testing Suite

This project includes a comprehensive automation testing suite demonstrating QA engineering skills:

# Run automation tests
cd tests/automation
pip install -r requirements.txt
python -m pytest selenium-tests.py -v

# Generate test reports
python run-tests.py

🧪 Test Coverage

• ✅ Page Load Testing - Verifies website accessibility
• ✅ UI Element Validation - Checks profile information display
• ✅ Contact Information Testing - Validates email and phone links
• ✅ Responsive Design Testing - Tests mobile/tablet/desktop layouts
• ✅ Cross-browser Compatibility - Chrome, Firefox, Edge support

📊 CI/CD Integration

• GitHub Actions workflow runs tests automatically
• Quality Gates ensure tests pass before deployment
• Test Reports generated with screenshots on failures
• Performance Monitoring tracks page load times

📦 Installation

# Install dependencies
npm install

# Start development server
npm start

# Build for production
npm run build

🐳 Docker

# Build Docker image
docker build -t resume-portfolio .

# Run container
docker run -p 3000:3000 resume-portfolio

🚀 Deployment

This project is configured for automatic deployment to GitHub Pages using GitHub Actions.

Setup GitHub Pages:

1. Go to your repository settings
2. Navigate to Pages section
3. Set source to “gh-pages” branch
4. Your site will be available at: https://mthoko07.github.io/Mthokozisi_Nene_Resume_profile

Manual Deployment:

npm run build
# Deploy the build folder to your hosting service

📁 Project Structure

src/
├── components/
│   ├── Dashboard.js
│   ├── Sidebar.js
│   ├── ProfileHeader.js
│   └── tabs/
│       ├── DashboardTab.js
│       ├── AboutTab.js
│       ├── ExperienceTab.js
│       ├── SkillsTab.js
│       ├── ProjectsTab.js
│       ├── ChatTab.js
│       └── ContactTab.js
├── App.js
├── index.js
└── index.css

🎨 Customization

Edit the following files to personalize your resume:

• src/components/ProfileHeader.js - Your name, title, and social links
• src/components/tabs/AboutTab.js - About section and education
• src/components/tabs/ExperienceTab.js - Work experience
• src/components/tabs/SkillsTab.js - Skills and expertise levels
• src/components/tabs/ProjectsTab.js - Your projects
• src/components/tabs/ContactTab.js - Contact information

📄 License

ISC

👤 Author

Mthokozisi Nene - Software Tester

QA Engineer

Test Automation Specialist

• 🌐 Live Resume: https://mthoko07.github.io/Mthokozisi_Nene_Resume_profile
• 📧 Email: mthokozisi.nene2018@gmail.com
• 📱 Phone: 073 978 1515
• 💼 LinkedIn: @mthokozisi-nene-567a35185
• 🔧 GitHub: @mthoko07
• 📍 Location: Durban, South Africa

🏆 Certifications & Skills

• Agile Manual and Automation Testing - TechCanvass (2025)
• Cybersecurity Fundamentals - IBM (2024)
• Azure DevOps, Python, JavaScript, Selenium
• Manual Testing, Test Automation, Quality Assurance

---

### 🌟 **[VISIT MY LIVE RESUME WEBSITE](https://mthoko07.github.io/Mthokozisi_Nene_Resume_profile)** 🌟 Made with ❤️ using React | Deployed on GitHub Pages