Lorraine Marange

Web Developer & Founder in Mid-Ennerdale, Gauteng ๐Ÿ‡ฟ๐Ÿ‡ฆ
Professional Caregiver and Online English Teacher based in Mid-Ennerdale. I build AI apps and websites with the same precision I use with clients and students.

JavaScript APIs Mobile-First GitHub Pages Founder GA4

Projects 9/100 Complete

Project #1: Portfolio Website

First portfolio site built from scratch using HTML, CSS & GitHub Pages after PC 101 at BYU-Pathway. Zero prior coding experience.

Tech: HTML, CSS, GitHub Pages

Project #2: Hope African Food

Website concept for a Johannesburg restaurant. Mobile-first layout with local dishes, pricing, and cultural authenticity.

Tech: HTML5, CSS3, Google Fonts, CodePen

Project #3: WhatsApp Quote Form - Mavis Cares & Nurses

Mobile-first form captures client details โ†’ opens WhatsApp with pre-filled message. Solves after-hours lead loss.

Tech: HTML5, CSS3, Vanilla JavaScript, WhatsApp Click-to-Chat API

Project #4: WhatsApp Quote Form with Analytics

Upgraded v1 to track form_start and whatsapp_click events in Google Analytics 4 for conversion tracking.

Tech: HTML5, CSS3, Vanilla JavaScript, WhatsApp API, Google Analytics 4

Project #5: Live Loadshedding Checker ๐Ÿ‡ฟ๐Ÿ‡ฆ

Real-time EskomSePush API for Mid-Ennerdale. Built with async/await + handles network errors for bad 4G.

Tech: JavaScript ES6, REST API, Fetch API, Error Handling

Project #6: Portfolio UX Update - WhatsApp Integration

Added floating WhatsApp button with pre-filled message for instant client contact.

Tech: HTML, CSS, WhatsApp API

Project #7: Live SA Facts Ticker ๐Ÿ‡ฟ๐Ÿ‡ฆ

Auto-rotating ticker shows a new SA fact every 8 seconds. Built with setInterval(), DOM manipulation, CSS transitions.

Tech: HTML, CSS, JavaScript, setInterval()

Project #8: Live SA Time Clock ๐Ÿ‡ฟ๐Ÿ‡ฆ

Project #9: Dark Mode Toggle ๐ŸŒ™โ˜€๏ธ

Portfolio-wide dark mode with localStorage memory + system preference detection. CSS variables for smooth toggle.

Tech: HTML, CSS Variables, JavaScript, localStorage API

๐Ÿ‡ฟ๐Ÿ‡ฆ Did You Know?

South Africa has 11 official languages, the most of any country.

Featured Projects

Loadshedding Checker - #100DaysOfCode Project #5

Live Eskom stages for Mid-Ennerdale. Built with vanilla JS, async/await + Fetch API. Pulls real-time EskomSePush data. Features intentional error handling for bad 4G โ€” shows "Network hiccup" message instead of crashing.
Live Demo | Code

Mavis Cares & Nurses WhatsApp Form - #100DaysOfCode Project #4 UPGRADED

Founder Project: This is my own caregiving business. v2 upgrade added Google Analytics 4 to track form_start and whatsapp_click events. Now I measure funnel drop-off and iterate based on data. Proves I don't just ship, I maintain.
Live Demo | Code

Mavis Cares & Nurses WhatsApp Form - #100DaysOfCode Project #3

v1 - MVP Launch: Mobile-first form for my own caregiving business. Solves "after hours lead loss" โ†’ clients select service + days, get instant WhatsApp quote. Zero backend, deployed on GitHub Pages.
Live Demo | Code

Hope African Food - #100DaysOfCode Project #2

Website concept for an African restaurant in Johannesburg. Designed for real SA businesses with local dishes & pricing. Mobile-first layouts that convert on phones. Balanced cultural authenticity with clean, modern UI.
Live Demo | Portfolio

First Portfolio Website - #100DaysOfCode Project #1

Built from scratch using HTML, CSS & GitHub Pages with zero prior coding experience. Milestone after completing PC 101 at BYU-Pathway Worldwide with an A. Background: 120hr TEFL Certified Teacher + Certified Caregiver.
Live Demo

LegalEase AI - PC 102 Project

LLM app to simplify legal documents. Built during PC 102 while learning JavaScript to make projects interactive.
Live Demo

About

120hr TEFL Certified English Teacher at Native Camp + Certified Caregiver turned developer via BYU-Pathway Worldwide. I finished PC 101 with an A and built my first portfolio from scratch with zero prior experience. Currently in PC 102 learning JavaScript.

I specialize in shipping fast, mobile-first tools that solve real SA problems: loadshedding, lead generation for my company Mavis Cares & Nurses, and WhatsApp-first UX that survives bad 4G.

Links:
GitHub | LinkedIn | Email

๐Ÿ‡ฟ๐Ÿ‡ฆ South Africa

Loading time...

Chat with Lorraine on WhatsApp