About
Passionate about pixels and the art of creating seamless user experiences .
Work Experience
19 Oct 2024 - Present
29 Jun 2024 - Present
2 Jul 2024 - 29 Oct 2024
Sep 2023 - Jan 2024
Education
Electronics and Communications Engineering
Projects
Recreated and optimized the platform by transitioning from Vue.js and Vuex to Next.js, TypeScript, React Hooks, Firebase, and JSON-based APIs for improved performance, scalability, and web standards compliance. The initial version, built with Vue.js and Vuex, had a performance score of 52% and accessibility of 86%. After the rebuild, the performance was significantly enhanced, achieving a 95% performance score, 100% accessibility (A11Y), 100% best practices, and 100% SEO.
HTML - CSS - TS - JSON - NextJS - ReactJS - Firebase - APIs - TailwindCSS
Baseline is a modern online store offering a seamless shopping experience. Search , suggestion search words & blogs & collections, Add to Cart, Dynamic routing, Performance optimization, Caching, Seamless UX.
HTML - CSS - TypeScript - TailwindCSS - NextJS - ReactJS - Restful APIs - SwiperJS.
Dynamic gym website. More than 18 Route. Subscription packages, Subscription courses videos, Days & Weeks & Months of Subscriptions (courses & packages), Add to Favourite, Filtration, Login, Create Account, Forget Password, Profile, Edit Profile, Notifications, Payment process, i18next translation (EN & AR), Dark & Light Mode, SwiperJS, Responsive, Performance Optimization.
HTML - CSS - JavaScript - ReactJS - ReactRouter - Redux - TailwindCSS - SwiperJS - Axios - CookiesJS - i18next - Restful APIs - API Auth - Stripe.
Gym site that contain more than 1300 exercise. Search , Get then Play. You can create user , add exercises , have notes on your exercise.
HTML - CSS - JS - ReactJS - ReactRouter - TailwindCSS - Restful APIs
Photographer Portfolio . Explore the site by the smoothly dark mode details . Focused on-detail.
HTML - CSS - JS - JSON - VueJS - TailwindCSS
Get your country data . With your continent or searching for it.
HTML - CSS - Vanilla JS - API
Multi Step Form , to choose your plan by monthly or yearly , choose your features for the plan you choosed .
HTML - CSS - Vanilla JS - Vanilla Routering - A11Y
A strictly crafted restaurant platform reflecting my dedication and passion . Focused on UI.
HTML - CSS - Vanilla JS - SCSS