About Me

Bachelor's degree in Software Engineering, College of Computer & Information Sciences - King Saud University with second class honors.

Frontend Software Engineer with 4+ years of experience building high-quality ReactJS applications across Tech, Startup, and R&D sectors. Certified Agile Project Manager and IT Service Management Specialist, skilled in aligning technical execution with project goals using Scrum. Blending technical expertise and strategic project management to deliver impactful software.

Certifications & Achievements

PMP PMI-ACP CSM ITIL COBIT JSE META

Secured Second Place in the Quran Apps Challenge Hackathon

Secured Third Place in the ALLaM Challenge Hackathon

My Experience

Prince Sultan University

The Research and Initiative Center is the administrative research structure at Prince Sultan University that provides faculty members with different research services. RIC is responsible for assisting PSU's researchers and providing them with the appropriate infrastructure to conduct their research activities. It also acts as the mediator between the colleges and higher management. RIC directly reports to the Rector of the University, which makes the decision process fast and effective. Furthermore, RIC is responsible for evaluating the research performance at the University in terms of outcomes and expenditure.



Research Software Engineer

May 2023 - Present

Full-time

As a key contributor in the Robotics & IoT Lab and the Research & Initiative Center, I served as a Frontend Engineer, UI/UX Designer, and Scrum Master, ensuring the success of multiple projects. I led the frontend development and UI/UX design of PSUGPT, an AI chatbot built with ReactJS and TailwindCSS, designed to provide instant AI-driven responses for PSU students and faculty. I also developed and designed RICGPT, an AI-powered system aimed at automating and optimizing operations within the Research and Innovation Center, with a focus on frontend architecture. Additionally, I contributed to the Quran Apps Challenge Hackathon as a Frontend Developer and UI/UX Designer, helping to create Tibyan, a Quranic app that won second place. In the ALLaM Challenge Hackathon, I played a key role in developing ALLaM Creativity, which achieved third place for its innovative design.



AerBag

AerBag is a platform that develops and digitizes the automotive services sector, providing several technical solutions that help manage car workshops and make it easier for the customer to repair his car. The customer can make a maintenance request on the application without having to go to the car workshop, while the service provider can estimate that request based on the details and photos provided. Towing service is also available in the application which allows the customer to request a truck to deliver his car to the needed workshop. AerBag provides an ERP system for car workshops, which allows the workshop manager or owner to manage and organize the work.



Full-stack Developer

Jun 2021 - Jun 2022

Full-time

Analyzed and tested the AerBag application to ensure its functionality and performance met user requirements. Additionally, I developed a scalable ERP system using ReactJS and ChakraUI to streamline various business processes. I also built a Clock-in application using React Native, providing users with an efficient solution for time tracking and attendance management. Throughout these projects, I collaborated closely with stakeholders to gather requirements and analyze both ERP and attendance systems, ensuring the developed solutions were aligned with business objectives.



Shuttle

Shuttle is a platform that provides logistical services for online stores, by delivering orders from sellers to customers through an innovative idea, which is smart lockers. These smart lockers using the Internet of Things (IoT technology) so that customer can open the cabinet to get his order without the need to type any code or scan any code, just by pressing a button that he has got in the SMS message when the order is delivered. the order will be delivered to the nearest smart locker to his home or business.



Software Engineer

Aug 2020 - Mar 2021

Full-time

Developed a ReactJS-based product with a strong emphasis on feature design, user experience, and overall functionality enhancement. My role involved conducting regular product analysis and testing to ensure high performance, reliability, and alignment with user needs. I also managed the installation of smart lockers, handling both hardware and software integration, and provided continuous maintenance and development. Additionally, I oversaw an external project built using Bubble, ensuring its successful execution. To enhance system efficiency, I created and designed tools that improved the integration and functionality between smart lockers and the main product. I also designed user-friendly interfaces for external products using Figma and prepared detailed documentation for seamless API integration.



My Skills

Major Skills



HTMLHTML
CSSCSS
JavaScriptJavaScript
ReactJSReactJS
FirebaseFirebase
FigmaFigma
ChakraChakra
SassSass
TailwindTailwind
GitGit


NextJSNextJS
TypeScriptTypeScript
ReactNativeReactNative
BootstrapBootstrap
JQueryJQuery

My Projects

ALLaM Creativity


The ALLaM Creativity project, developed during the ALLaM Challenge Hackathon, secured third place among 200 teams and 17 countries in a global competition. Powered by AI and interactive 3D characters, the system delivers precise and rapid responses across three core domains: Health, Sharia, and Poetry. An additional customizable character can also be tailored using user-provided data. My contributions included designing 3D characters with lifelike movements and sound effects, developing the system’s frontend interface, and ensuring seamless integration with backend systems, including dual-streaming support.




Developed with

Reactjs Tailwind Threejs Blender

Tibyan


Tibyan is a system that aims to provide answers to questions and inquiries about the interpretation of the Holy Quran, with the aim of facilitating the understanding and clarification of religious concepts. The system provides a comprehensive analysis of the Quranic texts and responds to questions in a comprehensive and detailed manner, which contributes to enhancing individuals' understanding of the content of the Holy Quran and guiding them in exploring its concepts in general. We participated in the Quran Apps Challenge Hackathon and won second place out of 300 teams from 42 countries.




Developed with

Reactjs Tailwind

RIOTU Lab


RIOTU Lab website showcases the research, innovations, and initiatives of the Robotics and Internet-of-Things Lab at Prince Sultan University. Designed to reflect the lab’s focus on unmanned systems, IoT, computer vision, NLP, and emerging technologies, the site serves as a central platform for researchers, collaborators, and industry partners. I contributed to this project by developing and designing the website, ensuring a responsive and user-friendly interface that highlights the lab’s contributions, activities, and achievements in alignment with the lab's vision.




Developed with

Html Css Js Bootstrap Php

RICGPT


A system that uses AI technologies to automate the daily operations of the Research and Innovation Center at PSU. The system aims to serve researchers at the university in all research aspects, so that it speeds up processes that take long periods and completes them in a fair and correct manner. My role was mainly focused on designing and developing the user interface, as the previous system, PSUGPT. We adopted the Agile methodology and the Scrum framework in developing the system since the requirements were complex and lack of clarity.



Developed with

Reactjs Tailwind

PSUGPT


An AI Chatbot was developed exclusively for Prince Sultan University's community to assist the students, faculty members, and admin staff by answering their questions. The fine-tuned model was built on +30,000 questions and answers In an attempt to give accurate answers about the university. I worked as a frontend team lead and UI/UX designer. Our team developed a system enabling users to engage with an AI-based chatbot and a management system through a smart control panel. Additionally, we created a landing page website.




Developed with

Reactjs Tailwind Js Bootstrap

ROS Portal


The ROS Portal project at Prince Sultan University's Robotics and Internet-of-Things Lab is a centralized platform for ROS-related research and development. It provides researchers, developers, and students with access to key resources, documentation, and tools supporting the Robot Operating System ecosystem. I contributed to this project by designing and developing the user interface of the website to ensure clarity, accessibility, and ease of navigation.




Developed with

Html Css Js Bootstrap Php

ArabianLLM


The ArabianLLM project at Prince Sultan University's Robotics and Internet-of-Things Lab is an innovative effort in Arabic Language Modeling. It aims to develop specialized Large Language Models for Arabic, tackling its distinctive morphological and script challenges. I contributed to this project by designing and developing the user interface of the website.




Developed with

Html Css Js

CareMate


The CareMate project was developed during the Healthon Digital Health Innovation Hackathon organized by King Saud University Medical City. It is an AI-powered application designed to analyze medical reports and assist in diagnosing health conditions, aiming to enhance healthcare accessibility and decision-making. I contributed to this project by designing and developing the user interface using modern design principles to ensure a seamless and intuitive user experience.




Developed with

Reactjs Tailwind

Elevare


Elevare website is a modern landing page designed to present the company’s mission, services, and value in the recruitment and staffing industry. Focused on senior-level hiring and strategic talent acquisition, Elevare partners with businesses to deliver tailored recruitment solutions. I developed the user interface of the website, ensuring a clean, informative, and engaging experience that clearly communicates Elevare’s offerings and market presence.




Developed with

React Tailwind

MyTarget


A web platform for a company specializing in healthy meal plans. The website highlights the company’s services, health packages, and social media presence, with a registration feature for users to subscribe to their preferred plans. I contributed to this project by designing the interface in Figma and developing it using HTML, CSS, and JavaScript to ensure a smooth, accessible, and engaging user experience.




Developed with

Html Css Js

MultiSalad


A landing page for a brand specializing in fresh and healthy salads. The website presents MultiSalad’s signature offerings, dressings, beverages, and brand identity, along with links to its social media presence. I contributed to this website by designing and building a visually engaging landing page that highlights MultiSalad’s fresh offerings and delivers a smooth, brand-aligned user experience.




Developed with

Html Css Js

qpark


A system that manages paid parking lots in public places. Allows the service provider to add paid regions on the map, follow up on the status of customer tickets, and issue a ticket violation for those who exceed the permitted parking time. The customer can issue a ticket specifying the parking period, and car plate, and pay through the application while following up on the ticket status and extending the time if needed. The web application for the service provider was developed using ReactJS and TypeScript, while the mobile application for customers was built with ReactNative (The system was built for training purposes).



Developed with

Reactjs Chakra Firebase Reactnative Tailwind

AerBag ERP


It is a workshop management system that allows the manager to follow up on tasks and assign them to employees, check and schedule appointments, complete management of employees' attendance, inventory management, project creation with billing functionality, and other features that facilitate the workshop management process, in addition to statistics about the main ERP sections. The project was built using ReactJS, ChakraUI, and some libraries that help to improve the development.



Developed with

Reactjs Sass Chakra

AerBag Clock-in


An application for employee attendance is linked with the ERP system so that employees can make clock-in and clock-out through the application. The employee can also submit a leave request and update the attendance request provided. From the ERP system, the manager can check the attendance of employees with the ability to know the location of the request, and can accept or reject the leave requests. The system was developed using ReactNative and Tailwind.



Developed with

Reactnative Tailwind

Ushaiqer


A project that simulates Alfaylaqia mosque in Ushaiger heritage village, where you can wander inside the mosque and discover its parts with a simple challenge. A 3D model was built using Blender and applied by ThreeJS, in addition to using GSAP library for some animations. The goal of building this project is to train to add 3D technology in the websites, make the experience unique, and present the culture of my city in a new way. The project is under development and the purpose is to build the main landmarks in Ushaiger.



Developed with

Html Css Js Threejs Blender

Riyadh Metro


Riyadh Metro Ticket Booking System is my graduation project from the university, which is a web application for booking metro tickets (Virtual). It is designed to support all types of devices (Responsive Design) and is compatible with all types of browsers. Among the services available on the site are the electronic payment service (PayPal or credit card) and the direct communication service (Live Chat) with technical support.



Developed with

Html Css Js Php Mysql

Antiques House


E-commerce web application based on selling antique and gift products, designed to support all types of devices (Responsive Design) and it is available with electronic payment services such as (PayPal or credit card) and it has a control panel by employees to manage products, in addition to linking Google Maps service to the site.



Developed with

Html Css Js Php Mysql

Share Fun


A web application that allows friends and family members to share their favorite movies and series between them, so that you can share the movies you watched or liked with your friends by publishing them in the Friends' Group. The app supports PWA technology which allows users to install the app as a native mobile app, and walking inside it on offline mode (without an internet connection).



Developed with

React Sass Bootstrap Firebase

Talent


A platform that allows people who have talent or creativity in a specific thing and have a desire to participate in events or parties, they register on the site so that companies looking for talented people can find them easily and faster. The site provides a direct communication service between individuals and a talent filter when searching for the required talent with the ability of a person to change his status.



Developed with

React Sass Tailwind Firebase


Some of the designs were designed using Figma

You will find it Here