Jeremie Nlandu Mabiala - AI Engineer Portfolio

A modern, responsive Jekyll website showcasing expertise in AI, Machine Learning, and Mathematical Modeling.

🚀 Features

Modern AI-focused Design: Clean, professional layout optimized for AI/ML professionals
Interactive Components: Dynamic skill visualizations, project showcases, research highlights
Responsive Design: Mobile-first approach with seamless cross-device experience
AI Chat Integration: WebLLM-powered chat assistant for visitor interaction
Performance Optimized: Fast loading, SEO-friendly, accessibility compliant
Dark/Light Themes: Elegant theme switching with preference persistence

🛠 Tech Stack

Framework: Jekyll 4.3+
Styling: Modern CSS with Flexbox/Grid, SCSS preprocessing
JavaScript: Vanilla JS with modern ES6+ features
AI Integration: WebLLM for chat functionality
Icons: Font Awesome 6
Fonts: Google Fonts (Inter, JetBrains Mono)
Hosting: GitHub Pages

📁 Project Structure

jnlandu.github.io/
├── _config.yml              # Site configuration
├── _layouts/                # Page layouts
│   ├── default.html         # Base layout
│   ├── home.html           # Homepage layout
│   ├── post.html           # Blog post layout
│   └── project.html        # Project layout
├── _includes/              # Reusable components
│   ├── header.html         # Navigation
│   ├── footer.html         # Footer
│   ├── hero.html           # Hero section
│   └── chat-interface.html # AI chat component
├── _sass/                  # Stylesheets
│   ├── base/              # Base styles
│   ├── components/        # Component styles
│   ├── layouts/           # Layout styles
│   └── utilities/         # Utility classes
├── assets/                # Static assets
│   ├── css/               # Compiled CSS
│   ├── js/                # JavaScript files
│   └── images/            # Images and media
├── _posts/                # Blog posts
├── _projects/             # AI/ML projects
├── _research/             # Research papers/work
└── pages/                 # Static pages

🎯 AI Engineer Focus Areas

Core Expertise

Machine Learning: Deep Learning, Neural Networks, MLOps
Computer Vision: Object Detection, Image Segmentation, GANs
Natural Language Processing: Transformers, LLMs, Text Analysis
Mathematical Modeling: Optimization, Statistical Learning
Research: Academic publications, open-source contributions

Current Projects

AI-powered applications using PyTorch/TensorFlow
Mathematical modeling for real-world problems
Educational AI tools for African institutions
Open-source ML libraries and frameworks

🚀 Quick Start

# Clone the repository
git clone https://github.com/jnlandu/jnlandu.github.io.git
cd jnlandu.github.io

# Install dependencies
bundle install

# Run development server
bundle exec jekyll serve --livereload

# Build for production
JEKYLL_ENV=production bundle exec jekyll build

🎨 Customization

Theme Colors

:root {
  --ai-primary: #2563eb;      /* AI Blue */
  --ai-secondary: #7c3aed;    /* Purple */
  --ai-accent: #06b6d4;       /* Cyan */
  --ai-success: #10b981;      /* Green */
  --ai-warning: #f59e0b;      /* Orange */
  --ai-dark: #0f172a;         /* Dark Background */
  --ai-light: #f8fafc;        /* Light Background */
}

Adding Content

Blog Posts: Add markdown files to _posts/
Projects: Add to _projects/ with YAML front matter
Research: Add papers/work to _research/
Pages: Create in pages/ directory

📱 Responsive Breakpoints

/* Mobile First Approach */
--breakpoint-sm: 640px;   /* Small devices */
--breakpoint-md: 768px;   /* Medium devices */
--breakpoint-lg: 1024px;  /* Large devices */
--breakpoint-xl: 1280px;  /* Extra large devices */

🔧 Development Commands

# Development
bundle exec jekyll serve --drafts --livereload

# Build only
bundle exec jekyll build

# Clean build files
bundle exec jekyll clean

# Check for issues
bundle exec jekyll doctor

# Update dependencies
bundle update

📊 Performance Features

Image Optimization: WebP format with fallbacks
Code Splitting: Modular JavaScript loading
CSS Purging: Remove unused styles in production
Caching: Browser and CDN optimization
Lazy Loading: Images and components load on demand

🔒 Security & Privacy

No Tracking: Privacy-focused analytics
Secure Headers: CSP and security headers
HTTPS: Secure communication
Data Protection: Minimal data collection

📈 SEO & Analytics

Structured Data: Rich snippets for better search visibility
Meta Tags: Comprehensive meta tag system
Sitemap: Auto-generated XML sitemap
RSS Feed: Blog post syndication
Performance: Core Web Vitals optimization

🤝 Contributing

Fork the repository
Create a feature branch (git checkout -b feature/amazing-feature)
Commit changes (git commit -m 'Add amazing feature')
Push to branch (git push origin feature/amazing-feature)
Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 About the Developer

Jeremie Nlandu Mabiala is an AI Master’s student at AIMS Senegal, passionate about advancing AI and Mathematics in Africa through research, education, and innovation.

Education

Current: African Master in Machine Intelligence (AMMI) - AIMS Senegal
2023: Master’s in Mathematics - Stellenbosch University & AIMS South Africa
2022: BSc Mathematics (Bac + 5 equivalent) - University of Kinshasa

Experience

Teaching Assistant at University of Kinshasa
Research Intern at Centre de Recherche de l’Enseignement des Mathématiques
AI/ML Projects with real-world applications

📞 Contact

Email: jeremie@aims.ac.za
LinkedIn: jeremie-nlandu-mabiala
GitHub: @jnlandu
Twitter: @ValentinMabiala
Location: AIMS Senegal, Mbour, Senegal

Built with ❤️ for the AI community