Project Overview
I built my personal portfolio platform entirely from scratch — a comprehensive system combining a professional showcase website, an advanced CMS dashboard, an AI-powered chatbot, real-time visitor analytics, and social media integrations.
The platform was designed to professionally present my projects, experience, and skills while providing a fully-featured content management system that gives complete control over the entire website from a single dashboard.
Key Features
- Complete CMS for managing projects, blogs, experiences, skills, and services
- AI-powered chatbot with multi-model support via OpenRouter API (Llama, Qwen, Mistral, Gemma, and more)
- Real-time visitor analytics and page view tracking via Socket.IO
- Advanced RBAC system for role and permission management
- GitHub OAuth integration for importing repository data
- LinkedIn integration to import posts and convert them to blog articles using AI
- Full blog system with bilingual content, drafts, and image previews
- Web Push notifications via VAPID Protocol
- Database backup and restore system
- Prometheus metrics for performance monitoring
- Custom Webhooks system for external integrations
- Comprehensive SEO with Schema Markup, canonical URLs, and OG images
- Automatic image processing and WebP compression via Sharp and Cloudinary
- Geographic visitor tracking using GeoIP
- Full Arabic and English bilingual support across all content
System Architecture
The project consists of two parts: a Backend built on Node.js, Express.js, MongoDB, and Redis, and a Frontend built on Next.js 16, React 19, and Tailwind CSS 4.
The system follows an Event-Driven Architecture with Repository Pattern and Factory Pattern Handlers, keeping the codebase clean, modular, and highly scalable.
Security & Performance
The platform includes Helmet security headers, Redis-based rate limiting, HTML sanitization, Sentry error tracking in production, and graceful shutdown handling to ensure stability and reliability.
Technology Stack
The backend is built with Node.js, Express.js, MongoDB, Redis, and Socket.IO, while the frontend is built with Next.js, React 19, Tailwind CSS 4, Framer Motion, and GSAP for smooth animations.
This project represents the culmination of my technical expertise and reflects my ability to design and build complete, high-performance Full Stack systems from scratch.