Interactive Portfolio / SvelteKit / 2026
Frontend Engineer + Interaction Designer
I turn product ideas into fast, tactile experiences that feel engineered instead of assembled. This portfolio is designed as a living proof of interaction design, accessibility, and performance discipline.
Selected work
Each case study is routed individually, optimized for responsive layouts, and presented with production-style detail.
A live analytics workspace for product teams.
WhisperBox is a Vite + React end-to-end encrypted messaging frontend. It depends on a separate backend for auth, user search, message storage, websocket signaling, and media/call infrastructure.
A dashboard platform with material user interface.
A responsive admin dashboard built with Material-UI and Nivo charts, using mock data to showcase data tables, charts, theming, and modern UI design with React.
A booking system for flights, hotels, and travel packages.
SkySwift is a booking system for flights, hotels, and travel packages. It uses a modern user interface and a responsive design to provide a seamless booking experience. A responsive flight booking platform where users can search, compare, and book flights seamlessly. Developed with React, it offers a smooth, traveler-friendly experience with a modern UI and fast navigation.
A modern SaaS dashboard for startups with analytics, user management, and intuitive navigation.
A sleek and scalable SaaS platform dashboard built for startups and growing businesses. It includes user management, analytics visualization, and a clean interface designed to make navigation simple and efficient.
A customizable resume builder that helps users create ATS-friendly resumes with live preview and export options.
A professional resume builder and portfolio-style web application designed to help users create polished, ATS-friendly resumes. It includes customizable templates, real-time preview functionality, and export options for a smooth and user-friendly resume creation experience.
An AI-powered Chrome extension tool that instantly summarizes webpages into key points, insights, and reading-time estimates.
PageMind is a Chrome extension that uses OpenAI GPT-4o-mini to summarize webpages without disrupting the browsing experience. It delivers structured bullet-point summaries, key insights, estimated reading time, in-page phrase highlighting, and local caching to help users scan long-form content faster and more efficiently.
Engineering craft
This portfolio deliberately covers the HNG rubric: reusable architecture, refined interactions, accessibility discipline, and fast-loading visuals.
Contact
The contact flow uses client-side validation, sanitized inputs, and a mail integration that keeps secrets out of the frontend.
I enjoy building premium interfaces, product landing experiences, dashboards, and frontend systems that stay smooth under real use.
sheidabdulahad0@gmail.com