My Portfolio

A modern, responsive portfolio website showcasing my work as a Software Engineer, Systems Architect, and Innovation Strategist.

Features

• 🎨 Modern dark/light theme with teal + amber accent
• ⌨️ Animated typewriter effect with creative rotating separators
• 📱 Fully responsive design
• 🌐 SEO optimized
• 🎓 Education section with timeline
• 💼 Experience section with timeline
• 🎯 Featured projects with case study modals
• 💼 Services section (Web, Backend, AI, Cloud, Data, Mobile, Desktop, Consulting)
• 📄 CV/Resume download
• 📬 Contact form with social links
• ✨ Highlights, proof strip, current focus, and call-to-action sections
• 🧭 Scroll reveal animations with reduced-motion support
• 🧩 Project case study modals
• 💬 Testimonials section
• 🧪 Project filter chips and skills depth bars
• 🧰 Brand/tool strip and delivery process section
• 🧭 SEO helpers (sitemap + robots) and social preview image
• 🧷 Custom favicon and Apple touch icon
• ✅ Contact form status with aria-live support
• 🤖 AI assistant knowledge base for recruiters

Sections

• Home - Hero with profile image and typewriter effect
• About - Personal introduction, identity line, and expanded skills grid
• Highlights - Quick proof and focus areas
• Proof - Impact snapshots
• Education - Academic background (St. Joseph's School Rapogi 2020-2023, Zetech University 2025-2027)
• Experience - Work history including Front-End Engineering Intern at Flyrank
• Currently - Focus, availability, and working areas
• Services - What I can do for you (Web, Backend, AI, Cloud, Data, Mobile, Desktop, Consulting)
• Tech Stack & Tools - Categorized technology tags (Languages, Web & Mobile, Data, AI & Innovation Tools, Blockchain)
• Projects - Featured projects with filter chips and case studies
• Brand Strip - Tools and platforms
• Work Process - Delivery stages
• Skills Depth - Visual skill proficiency bars
• Testimonials - Feedback highlights
• Resume - Download resume
• CTA - Project call-to-action
• Contact - Get in touch

Technologies Used

• HTML5 - Semantic markup
• CSS3 - Modern styling with CSS variables
• JavaScript - Interactive features
• Font Awesome 6.5.1 - Icons
• Google Fonts (Sora, Space Grotesk) - Typography

Skills & Tech Stack

Languages

TypeScript, JavaScript, C#, C++, Kotlin, Python

Web & Mobile

HTML, CSS, React, Next.js, Vite, Android, XML

Data

MySQL, PLpgSQL, SQLite, NumPy

AI & Innovation Tools

Base44, Claude, Lovable, Qwen AI, Bolt

Blockchain

Blockchain exploration

Projects

1. VumaGrid - AI-Powered Distributed Energy Management System (DERMS) for optimizing electricity usage in commercial buildings
2. SmartWaste - Smart waste tracking platform with bin logging, rewards, and admin oversight
3. Chairman.Official Platform - Personal platform for leadership communication and public storytelling
4. Nairobi Hidden Gems - Gen Z social discovery app for aesthetic places in Nairobi (web app + Android app in Kotlin/XML)
5. Leanlight - Curated learning with progress tracking for students
6. Teachable Machine - Interactive image classification demo
7. My Sim League - Football simulation game with managerial career across Europe's top leagues
8. Africa Rise Ecosystem - Digital growth ecosystem connecting learning, skills, and opportunities for African students
9. Campus Pulse - Modern platform for university students to discover, submit, and RSVP to campus events (web app + Android app in Kotlin/XML)

AI Assistant

This portfolio includes an AI assistant knowledge base (src/portfolioKnowledge.js) that enables recruiters and visitors to ask questions about:

• Identity and background
• Education and experience
• Skills, services, and tech stack
• Project details and highlights
• Leadership and innovation focus

The knowledge base is fully synced with the portfolio content and updated with all latest additions.

Live Demo

🔗 https://okelloelly.vercel.app/

Getting Started

To run this project locally:

1. Clone the repository:

git clone https://github.com/Elly739/Portfolio.git

2. Open index.html in your browser

Or use a local server:

# Using Python
python -m http.server

# Using Node.js
npx serve

Connect With Me

• 📧 Email: okelloelly@zetech.ac.ke
• 📱 Phone: +254 769182575
• 💼 LinkedIn: elly-okello
• 🐙 GitHub: @Elly739
• 🐦 Twitter: @OkelloElly018
• 📸 Instagram: @chairman.official

License

MIT License - Feel free to use this template for your own portfolio!