Merge pull request #1 from Ronan-R-R/content/cv-linkedin-sync

Sync content with CV and LinkedIn, tighten copy

Author: Ronan-R-R

public/images/bruvtorrent.svg

@@ -1,23 +1,37 @@
 ---
 const cards = [
   {
-    title: 'Web Development',
+    title: 'Languages',
     icon: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>`,
-    items: ['HTML, CSS, JavaScript', 'Backends: Java, C#, Python', 'Database design (SQL)', 'Azure fundamentals', 'REST API integration'],
+    items: ['Java', 'C#', 'Python', 'JavaScript', 'Dart', 'Rust'],
     span: 'lg:col-span-2',
     accent: true,
   },
   {
-    title: 'Mobile Apps',
+    title: 'Web',
+    icon: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>`,
+    items: ['HTML', 'CSS', 'Node.js', 'REST APIs'],
+    span: '',
+    accent: false,
+  },
+  {
+    title: 'Mobile',
     icon: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12" y2="18"/></svg>`,
-    items: ['Cross-platform with Flutter/Dart', 'Offline-first architecture', 'UI/UX implementation', 'State management', 'API integration'],
+    items: ['Flutter', 'Kivy'],
+    span: '',
+    accent: false,
+  },
+  {
+    title: 'Cloud & Databases',
+    icon: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"/></svg>`,
+    items: ['Azure', 'Firebase', 'SQL'],
     span: '',
     accent: false,
   },
   {
-    title: 'Engineering',
+    title: 'Tools & Practices',
     icon: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>`,
-    items: ['Requirements analysis', 'Agile workflow and Git', 'Security implementation', 'State flow diagrams', 'Technical documentation'],
+    items: ['Git', 'CI/CD (GitHub Actions)', 'Unit testing (pytest)', 'Agile', 'Async & network programming'],
     span: '',
     accent: false,
   },

public/images/portfolio-app.svg

@@ -1,7 +1,7 @@
 ---
 import HeroScene from './HeroScene.tsx'
 
-const techTags = ['Flutter', 'Dart', 'Java', 'C#', 'Python', 'SQL', 'Azure']
+const techTags = ['Java', 'C#', 'Python', 'Node.js', 'Dart', 'Flutter', 'Rust']
 ---
 
 <section id="hero" class="relative min-h-screen flex items-center pt-20 overflow-hidden">
@@ -38,9 +38,13 @@ const techTags = ['Flutter', 'Dart', 'Java', 'C#', 'Python', 'SQL', 'Azure']
           <span class="gradient-text">Every screen.</span>
         </h1>
 
-        <p class="mb-10 leading-relaxed max-w-[500px]" style="color: var(--muted); font-size: 1.1rem">
-          Building web apps and Flutter mobile products from Germiston, Gauteng.
-          Open to freelance projects and new opportunities.
+        <p class="mb-10 leading-relaxed max-w-[540px]" style="color: var(--muted); font-size: 1.1rem">
+          Full-stack developer based in Germiston. I build across the stack, web
+          front-ends and back-ends in Java, C#, Python and Node.js, and
+          cross-platform mobile apps in Flutter and Dart. Currently a Junior
+          Software Engineer at Coast IT and completing my Software Engineer
+          qualification (NQF 6) with CTU. Open to full-time, part-time, contract,
+          and freelance work.
         </p>
 
         <div class="flex flex-wrap gap-4 mb-12">

public/images/yt-mp3.svg

@@ -17,53 +17,64 @@ interface Project {
 }
 
 const projects: Project[] = [
-  {
-    title: 'Echo Software',
-    tagline: 'Custom software studio website',
-    description:
-      'Designed and developed the company website for Echo Software, a Pretoria-based studio building custom digital products for clients.',
-    image: '/images/echo-software.svg',
-    imageAlt: 'Echo Software company website',
-    stack: ['HTML', 'CSS', 'JavaScript'],
-    links: [
-      { label: 'Visit site', href: 'https://www.echosoftware.co.za', icon: 'globe' },
-    ],
-  },
   {
     title: 'FFP',
-    tagline: 'Fleet Failure Predictor - trucking SaaS',
+    tagline: 'Fleet Failure Predictor',
     description:
-      'Built end to end with one other developer: web dashboard, REST API, database, and Flutter mobile app. A fleet management platform for South African trucking companies with offline-first mobile, fuel OCR, trip tracking, and compliance monitoring.',
+      'End-to-end fleet-management platform for trucking companies: web dashboard, REST API, database, and an offline-first Flutter mobile app with fuel-receipt OCR, trip tracking, and compliance monitoring.',
     image: '/images/ffp.svg',
     imageAlt: 'FFP fleet management platform',
-    stack: ['Flutter', 'Dart', 'Firebase', 'Web App'],
+    stack: ['Flutter', 'Dart', 'Firebase'],
     badge: 'Login required',
     links: [
       { label: 'Live app', href: 'https://trucking-predict.web.app', icon: 'external' },
       { label: 'Product page', href: 'https://www.echosoftware.co.za/products/ffp', icon: 'globe' },
     ],
   },
   {
-    title: 'Portfolio App',
-    tagline: 'Cross-platform mobile app',
+    title: 'BruvTorrent',
+    tagline: 'BitTorrent client from scratch',
     description:
-      'A cross-platform mobile application featuring custom UI components, state management, and smooth navigation built with Flutter and Dart.',
-    image: '/images/portfolio-app.svg',
-    imageAlt: 'Portfolio mobile app preview',
-    stack: ['Flutter', 'Dart'],
+      'A BitTorrent client built from scratch in Python with a PySide6 desktop UI, implementing the protocol by hand. Handles torrent files and magnet links, HTTP(S) and UDP trackers, seeding, resume with disk verification, and SHA-1 piece verification, backed by a pytest test suite.',
+    image: '/images/bruvtorrent.svg',
+    imageAlt: 'BruvTorrent BitTorrent client',
+    stack: ['Python', 'asyncio', 'PySide6'],
+    links: [
+      { label: 'Source', href: 'https://github.com/Ronan-R-R/BruvTorrent', icon: 'github' },
+    ],
+  },
+  {
+    title: 'yt-mp3',
+    tagline: 'Cross-platform audio downloader',
+    description:
+      'A local audio downloader for desktop (Windows, Linux) and Android. Bundles ffmpeg for MP3 conversion on desktop and uses Kivy for the Android build, with automated multi-platform builds via GitHub Actions.',
+    image: '/images/yt-mp3.svg',
+    imageAlt: 'yt-mp3 audio downloader',
+    stack: ['Python', 'Kivy', 'GitHub Actions', 'ffmpeg'],
+    links: [
+      { label: 'Source', href: 'https://github.com/Ronan-R-R/yt-mp3', icon: 'github' },
+    ],
+  },
+  {
+    title: 'Echo Software',
+    tagline: 'Software studio website',
+    description:
+      'Live company website for Echo Software, a Pretoria-based software studio building custom digital products for clients.',
+    image: '/images/echo-software.svg',
+    imageAlt: 'Echo Software company website',
+    stack: ['HTML', 'CSS', 'JavaScript'],
     links: [
-      { label: 'Download', href: 'https://github.com/Ronan-R-R/Portfolio-App/releases/latest', icon: 'download' },
-      { label: 'Source', href: 'https://github.com/Ronan-R-R/Portfolio-App', icon: 'github' },
+      { label: 'Visit site', href: 'https://echosoftware.co.za', icon: 'globe' },
     ],
   },
   {
     title: 'SkyCast',
     tagline: 'Real-time weather dashboard',
     description:
-      'Responsive weather app with real-time data from OpenWeatherMap, interactive Leaflet maps, and dynamic UI themes that shift based on live conditions.',
+      'Real-time weather dashboard with a 5-day forecast, interactive maps, and dynamic theming that shifts with live conditions.',
     image: '/images/skycast.svg',
     imageAlt: 'SkyCast weather dashboard',
-    stack: ['JavaScript', 'OpenWeather API', 'Leaflet.js'],
+    stack: ['JavaScript', 'OpenWeatherMap API', 'Leaflet.js'],
     links: [
       { label: 'Live demo', href: 'https://ronan-r-r.github.io/SkyCast/', icon: 'globe' },
       { label: 'Source', href: 'https://github.com/Ronan-R-R/SkyCast', icon: 'github' },

src/components/ExpertiseSection.astro

@@ -2,16 +2,16 @@
 const items = [
   {
     date: 'April 2026 - Present',
-    role: 'Full Stack Learner',
-    company: 'Coast IT Pty (Ltd)',
+    role: 'Junior Software Engineer',
+    company: 'Coast IT Pty (Ltd) · Full-time',
     badge: 'Current',
     description:
       'Collaborating with a team of software engineers and interns to design and build a full-stack application from concept to deployment. Contributing to UI design, frontend and backend development, database tasks, and security implementation. Using Git for version control, code reviews, and team collaboration within an Agile workflow.',
   },
   {
     date: 'Oct 2025 - Nov 2025',
-    role: 'Full Stack Intern',
-    company: 'Coast IT Pty (Ltd)',
+    role: 'Junior Software Engineer',
+    company: 'Coast IT Pty (Ltd) · Internship',
     description:
       'Collaborated with a team of interns to design and build a full-stack application from concept to deployment. Contributed to UI design, frontend and backend development, database tasks, and security implementation. Used Git for version control, code reviews, and team collaboration within an Agile workflow.',
   },
@@ -23,7 +23,7 @@ const items = [
       'Contributed to business requirements documentation, user story updates, and software modeling. Gained hands-on experience analyzing requirements, documenting functional specifications, and designing state flow diagrams.',
   },
   {
-    date: '2023 - 2024',
+    date: '2025 - 2026',
     role: 'Freelance Web Developer',
     company: 'Self-employed',
     description: