01
SpeakScenes
AI / Education
AI-powered English learning platform that teaches real expressions from TV shows and movies.
Next.jsFastAPISupabaseAI Pipeline
View ProjectAvailable for new opportunities
Full-stack Developer
I build modern web products with clean interfaces, reliable backends, and real-world usability.
About Me
Full-stack developer focused on building useful digital products.
I build modern web products from idea to deployment — combining clean interfaces, reliable backend systems, structured databases, and practical product thinking.
My work includes projects like SpeakScenes, an English-learning platform powered by TV and movie scenes, and CircleShows, a social discovery app built around shared taste in movies, shows, and anime.
I care about building products that feel polished, work reliably, and can actually be used by real people — not just demos.
What I bring
✓Product-minded development
✓Clean frontend experiences
✓Reliable backend systems
✓Deployment & production thinking
Product Builder
UI + Backend + Deployment
I like turning messy ideas into clear, usable systems.
Projects
Selected Work
A collection of products I’ve built with purpose — solving real problems with clean code, strong systems, and thoughtful design.
speakscenes.com
Learn English from Shows & Movies
Real scenes. Real conversations. Real progress.
AI lessons
Feature
Quizzes
Feature
Reviews
Feature
circleshows.com
Find your show circle
Match with people who love the same shows you do.
Taste profile
Feature
Matches
Feature
Watchlist
Feature
02
CircleShows
Social / Matching
A social discovery app that matches people through shared taste in movies, shows, and anime.
Next.jsFastAPIPostgreSQLMatching Logic
View Project03
Jobsy
Chrome Extension / Career Tools
A Chrome extension that helps users collect, organize, and analyze LinkedIn job postings for smarter job search decisions.
Chrome ExtensionJavaScriptLinkedIn DataData Analysis
View Extensionchromewebstore.google.com
Analyze LinkedIn Jobs Smarter
Save job posts, compare opportunities, and turn job search data into useful insights.
Job tracking
Feature
Market insights
Feature
Local storage
Feature
More projects coming soon
Tech Stack
Skills & Technologies I Use to Build Websites
A practical stack for building clean interfaces, reliable backends, AI-powered workflows, and production-ready products.
ReactNext.jsTypeScriptTailwind CSSFastAPIPythonPostgreSQLSupabaseReactNext.jsTypeScriptTailwind CSSFastAPIPythonPostgreSQLSupabase
DockerVPSNginxLinuxREST APIsGitPower BIData AnalysisDockerVPSNginxLinuxREST APIsGitPower BIData Analysis
How I Build
More than just code
I focus on building products that are practical, usable, and ready for real users — not just demos.
01
Product Thinking
I think beyond the code — understanding the problem, the user flow, and what makes the product useful.
02
Full-stack Execution
I build complete web applications with clean interfaces, reliable APIs, and structured databases.
03
Real Deployment
I care about shipping. From local development to production deployment, I build projects people can actually use.
Library & Blog
Featured Resource
Practical guides, notes, and resources about building, deploying, and improving real web products.
Guide
Matching System
User Profiles • Scoring • Ranking • Recommendations
Arabic10 min read
كيف تبني Matching System؟
دليل عملي لفهم وتصميم نظام Matching يربط المستخدمين أو العناصر بناءً على التشابه، التفضيلات، والسلوك.
اقرأ الآنالمزيد من المقالات والملفات قريبًا.
FAQ
Common
Questions
Everything you need to know before checking my work or starting a conversation.
Can't find your answer? Ask me directly›Yes. The portfolio includes real projects such as SpeakScenes and CircleShows. Each project can link to a live demo, GitHub repository, or a detailed case study page.
Still have a question?
I usually reply within a few hours on WhatsApp.
Contact
Hire a Fullstack Developer
Have a product idea, website, dashboard, or full-stack app in mind? I’m open to opportunities, freelance work, and product-focused projects.