Hi, I'm Yousuf Ghanem
Full-Stack Developer, Content Creator, and Educator with 2.5M+ YouTube subscribers. Building secure platforms that process millions in transactions while teaching programming to global audiences.
Interactive Development Environment
terminal
Technologies I Work With
Skills Showcase
Explore interactive demonstrations of my technical skills. Each section teaches something new while proving expertise through actual implementation.
Choose Your Technology
CSS Mastery Demo
Fun Fact
Did you know CSS has 520+ properties? I've mastered the 50 that matter most!
🎨 Glassmorphism Generator
Create beautiful glass effects with real-time preview and instant CSS generation
Quick Presets
Generated CSS
backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.20);
Live Preview
Glass Card
This card demonstrates the glassmorphism effect in real-time.
3D Card Flip
Hover or click to reveal project details with smooth 3D transforms
Undisclosed Project
Full-Stack Next.js Application
Click to flip
Tech Stack
- • Next.js 14 + TypeScript
- • WebSockets + Redis
- • PostgreSQL + Prisma
- • Google Cloud Platform
Click to flip back
CSS Art: My Avatar
Created purely with CSS - no images, just code!
Project Deep Dives
Explore the platforms I've built from concept to production, processing significant transaction volumes with zero downtime.
Select a Project
Gd3n.gg
Arabic Gaming Revolution
Educational gaming platform tailored for Arabic-speaking users with full RTL support
users
games
engagement
categories
Interface Previews
Arabic Gaming Hub
RTL gaming interface
Analytics Dashboard
User engagement metrics
Mobile Experience
Gaming on mobile devices
Game Categories
Arabic UI Best Practices
RTL Layout
Complete right-to-left interface with proper text alignment
Typography
Optimized Arabic fonts for readability and performance
Cultural Design
UI elements adapted for Arabic-speaking audiences
Tech Stack
Key Features
Full RTL (Right-to-Left) support for Arabic UI
Multi-level difficulty system for progressive learning
Advanced analytics tracking user progress
Bulk content management for game administrators
Hosted on Google Cloud Platform for reliability
Challenges & Solutions
Challenge: Arabic typography and RTL layout
Solution: Custom CSS with dir="rtl"
Challenge: Cultural content adaptation
Solution: Local expert consultation
Challenge: Performance with Arabic fonts
Solution: Font subsetting + preload
Technical Deep Dive
Frontend Architecture
Learn how I built responsive and accessible user interfaces
Backend Systems
Explore the server-side architecture and database design
Best Practices
Security, performance, and code quality standards
Want to learn more about the technical implementation?
Let's TalkContent Creation & Teaching
Reaching millions of learners worldwide through educational content, gaming entertainment, and programming tutorials in multiple languages.
Students Taught
Total Views
Videos Created
Brand Partners
YouTube Channels
RedFox
Gaming content and entertainment
redFoxCoding
Programming tutorials in Arabic
Brand Partnerships
Microsoft
Content Partnership
NetEase
Gaming Collaboration
Tencent
Content Partnership
Teaching Impact
Experience Timeline
My journey from IT specialist to full-stack developer, building platforms that make a real impact.
Career Progression
Full-Stack Developer
Undisclosed Company
Key Achievements:
- Built and launched Next.js platform processing $700K+ in volume
- Implemented secure data handling with zero security breaches
- Optimized platform to handle 14,000+ daily active users
- Achieved 85ms response time through performance optimization
Full-Stack Developer
Gd3n.gg
Key Achievements:
- Developed Arabic gaming platform serving 700+ users
- Implemented complete RTL support and Arabic localization
- Created content management system for 50+ games
- Improved user engagement by 85% through UX improvements
IT Specialist
RCMP
Key Achievements:
- Managed IT infrastructure for government organization
- Implemented security protocols and compliance measures
- Provided technical support for 100+ employees
- Led digital transformation initiatives
Programming Educator
YouTube (redFoxCoding)
Key Achievements:
- Launched programming tutorials in Arabic
- Grew to 23.4K subscribers teaching coding
- Created comprehensive curriculum for multiple languages
- Bridging language gaps in tech education
Content Creator
YouTube (RedFox)
Key Achievements:
- Started gaming content journey
- Built audience to 2.5M+ subscribers
- Partnered with Microsoft, NetEase, Tencent
- Generated 389M+ total views across platform
Available from June 2025
Ready for new opportunities and challenges
Let's Connect
Whether you have a project in mind or just want to chat about technology, I'm always open to new opportunities and collaborations.
Availability Status:
Available from June 2025
Based in Canada • Open to remote opportunities worldwide