Skip to content

RobynAwesome/Portfolio-MBR

Β 
Β 

Repository files navigation

Mashoto Bayne Portfolio Banner

Mashoto Bayne Rababalela β€” Portfolio

Full-Stack Developer Β· Growth Consultant Β· Electrical Engineer Β· Soccer Coach Β· Business Owner πŸ“ City of Cape Town, Western Cape, South Africa


Tech Stack

React TypeScript Vite TailwindCSS Framer Motion


About

A modern, fully-featured portfolio website for Mashoto Bayne Rababalela β€” a multifaceted professional bridging technical engineering and strategic business growth.

Sections

  • Hero β€” Personalized intro with floating skill badges
  • About β€” Professional summary with parallax photo
  • Skills β€” 4 discipline categories (Web Dev, Electrical Eng., Growth & Sales, Leadership)
  • Certificates β€” 4 Google certifications with lightbox viewer
  • Contact β€” Formspree contact form + LinkedIn CTA + newsletter

Features

  • ⚑ PWA-ready with manifest.json
  • 🎨 Dark/Light/System theme toggle
  • πŸ” Security headers via vercel.json
  • πŸ“± Fully responsive β€” mobile-first design
  • 🎞️ Framer Motion scroll animations
  • πŸ” Full Open Graph + Twitter Card meta tags
  • β™Ώ Semantic HTML + ARIA labels
  • πŸš€ Deployed via Vercel

Setup

# Install dependencies
npm install

# Start dev server
npm run dev

# Production build
npm run build

Built by

RobynAwesome

Β© 2026 Mashoto Bayne Rababalela. All rights reserved.

About

πŸ‘‰ Portfolio of Mashoto Bayne Rababalela β€” Full-Stack Developer, Growth Consultant & Electrical Engineer based in Cape Town, SA

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 90.2%
  • CSS 7.3%
  • HTML 1.9%
  • JavaScript 0.6%