icons
icons

Transforming Concepts into Seamless User Experiences

Hi! muhammed fayad image I'm FayadAnd I build mobile & web apps

Things I'm good at

Frontend Web dev (React | Next.js)
Flutter Mobile Apps
SaaS development
Data visualization
Hosting and Deployments
Responsive designs
Animations
State management
API integrations
Authentication

Projects

Shebara Resorts

Shebara Resorts

A high-end luxury resort booking platform that offers an immersive experience for discovering and reserving stays at premium villas. Built with a focus on visual excellence, featuring full-screen hero sections, smooth page transitions, and a seamless booking workflow tailored for the hospitality industry.

react
typescript
socket.io
tailwind
+2
Private
Preview
Disney Tickets

Disney Tickets

A comprehensive ticket reservation system for Disney enthusiasts, providing a streamlined process to browse available tickets, select dates, and complete purchases. It includes real-time seat availability and integrated guest management for a magical user experience.

react
typescript
socket.io
tailwind
+2
Private
Preview
Event Management SAAS

Event Management SAAS

Event management SAAS system, has page builder which force dynamic form fields with dynamic validations. handling large sets of data within tables dealing with complex sort, pagination, search, and multi-layers filters. Created a module schema that acts as schema for the page builder and maintain the global state of the predefined modules and also the newly created ones. The project has authentication system with role based access control which controlling users actions with specific permissions. Though project is currently yet under development.

nextjs
react
tailwind
react-table
+2
Private
Preview
Law Firm

Law Firm

Law Firm Freelance Website that i've replaced the client's content with dummy data. The most of my creations that i'm proud of in terms of ui. It's Just a pleasing to the eye. I created it with Next.js and Tailwind. I used Framer Motion for animations and Shadcn UI for styling.

nextjs
react
tailwind
framer-motion
+1
Private
Live
Emkan Finance

Emkan Finance

Emkan is a website that provides financial funds solutions. It provides seamless interactions with chat interchanging OTPs and messages between admin and clients. the website supports real-time customer service chat. the website introduces outstanding UI design and animations.

react
typescript
socket.io
tailwind
+2
Private
Preview
Driving School

Driving School

Driving School provides vehicle teaching services to Saudi clients. based on real-time tech using socket io to handle payment and customer services (client's requirements). The website introduces awesome UI/UX and smooth animations.

react
typescript
socket.io
tailwind
+2
Private
Preview
Tameeni

Tameeni

Tameeni is one of my latest freelance web projects, it's a preview verison excluding the client's content and some real-time features. It is a React TypeScript app leverage Socket.io to help with chat and instant admin premissions. Saudi Insurance Company. Heavily challenged my skills with building complex UIs. Various input validations such as passwords, card numbers, national Saudi IDs, OTPs. Clean React Componentized Code.

react
typescript
socket.io
tailwind
+2
Private
Preview
Blogly

Blogly

Blogy is a fully functional blogs webiste. Authentication implemented with next-auth (github & credentials) providers, you can register, login, log out and create new blogs. Users can only update or delete existing ones that they have published. It allows users to create, read and share their thoughts with the world. Users can sign up or log in using email and password authentication or their GitHub accounts. Once logged in they are able to view all published blogs.

nextjs
next-auth
mongoose
React
+4
React DashBoard

React DashBoard

This is a Dashboard which used a lot of react functionality to create. It has Main, login, Register, Error Pages. user login authentication with firebase login tokens (automatic login, automatic logout on token expires). Redux/toolkit used in state management.

React.js
Redux
react-portals
react-transition-group
Metis

Metis

custom blog website 🤳. Basically UI/Sass practise!

pug
sass
javascript
gulp
+5
Aero

Aero

It's basically a practice JS Template. Mainly Focused on practical Javascript LocalStorage To Save User Settings, and take defaults when reload, randomly Change Background images at time intervals.

javascript
localstorage
html
css
+1

Work Experience

Media Pan Arab FZE

Software Engineer

Media Pan Arab FZE

October 2024 - Present

SoftAxis

Frontend Developer

SoftAxis

Mar 2024 - July 2025

Romeya Agency

Fullstack Developer

Romeya Agency

Feb 2024 - Mar 2024