Selected work

All Projects

Explore my latest web development projects showcasing modern technologies and best practices

Filter by Technology

Showing 8 projects

View details

RHC World Cup 2026

A real-time score-prediction game built end-to-end, as a friendly, just-for-fun competition among RedaHazardControl Group's 200+ employees during World Cup 2026. Players predict match scores, earn points by accuracy, and climb a live leaderboard with streaks and achievements, while admins manage users, matches, and results. From the outset my first concern was that it stay fully halal: no betting, no entry fees, and no money involved — purely a free, points-based game played for fun among colleagues. Built with React 19, TypeScript, and Vite on the front end, with Firebase Auth and Firestore powering real-time data, and live football-data.org score sync proxied server-side through Netlify functions. Fully bilingual (Arabic/English) with full RTL support and dark mode. Scoring runs client-side to stay on Firebase's free tier — zero infrastructure cost.

React 19
TypeScript
Firebase
Tailwind CSS
Netlify

Visit Site

View details

FundedForYou

A full-stack prop trading comparison platform built from scratch and serving 10,000+ users, where traders compare funding firms across Forex and Futures markets by challenges, spreads, rules, and offers. As Product Engineer I owned the entire product end-to-end — database design through deployment: a PostgreSQL schema of 17 models, an Express API of 14+ modules, and a Next.js frontend with a full admin dashboard. Highlights include a comparison engine spanning 50+ data points, bilingual English/Arabic with full RTL, Stripe payments across 140+ currencies, an admin dashboard with drag-and-drop, a rich text editor and real-time updates, and multi-strategy auth (JWT, OTP, magic links, and Google OAuth).

Next.js
TypeScript
React
Node.js
PostgreSQL

Visit Site

View details

TalentBridge

Developed a comprehensive web application for identifying twice-exceptional students (gifted with learning challenges). Built with Next.js 15, TypeScript, and Tailwind CSS, featuring bilingual support (English/Arabic) with full RTL layout. Implemented evidence-based assessment forms for teachers and parents, instant scoring system, and PDF report generation. Key features include dark/light theme switching, responsive design across all devices, and professional UI with smooth animations. Achieved 90+ Lighthouse performance score with optimized code splitting and image delivery.

Next.js
TypeScript
Tailwind CSS
next-intl

Visit Site GitHub

View details

Fly-Kitchen

Developed a modern, fully responsive Next.js web app for Fly Kitchen, a cloud kitchen platform. Implemented advanced UI/UX with animated hero, interactive product journeys, and dynamic feature showcases. Integrated multi-language support (Arabic/English), RTL layouts, and custom sliders for brands and channels. Focused on performance, accessibility, and seamless user experience across all devices.

Next.js
TypeScript
Tailwind CSS
next-intl

Visit Site GitHub

View details

Marketio

Marketio is a responsive e-commerce app built with React.js and Tailwind CSS, featuring product search, categories, wishlist, color variants, and dynamic ratings. It includes Firebase authentication (email/Google), Stripe payments with a success page, and multi-language support (English, Arabic, Spanish) via i18n. Enhanced with light/dark modes, Swiper sliders, and React Router DOM, it's optimized for all devices. Deployed on Vercel, it showcases my skills in creating feature-rich, user-friendly stores.

React.js
Tailwind CSS
Firebase
Stripe
i18n

Visit Site GitHub

View details

Melco

Melco is a responsive, bilingual website for a leading safety equipment provider. Built with Next.js, Tailwind CSS, and next-intl, it supports English/Arabic with RTL compatibility. Features include a full-screen cover image, SEO optimization, dark mode, and sections for Vision, Mission, and Values (Quality, Innovation, Professionalism, Partnership, Sustainability). Scalable for future enhancements like e-commerce.

Next.js
TypeScript
Tailwind CSS
next-intl
EmailJS

Visit Site GitHub

View details

Golden Metal

Golden Metal is a responsive, SEO-friendly website built for a Saudi Arabian mining company to showcase their services and expertise. The site features a modern, multi-language interface (English/Arabic) with RTL support, ensuring accessibility for diverse audiences. It includes service pages with smooth animations, a contact form powered by EmailJS, and an optimized structure for fast load times. Deployed on Hostinger, the project highlights my skills in creating professional, client-focused web solutions with a focus on performance and user engagement.

React.js
EmailJS
Tailwind CSS
i18n

Visit Site GitHub

View details

Mars-eSIM

Mars - eSIM is a React-based web app for seamless eSIM connectivity, enabling travelers and remote workers to browse and activate local, regional, and global data plans. It features a multi-language UI (English/Arabic) with RTL support, a searchable country list, detailed plan info, and an interactive FAQ. With smooth animations and a responsive grid layout, it's optimized for all devices. Deployed on Vercel, it showcases scalable, user-friendly front-end solutions.