Yasar Al Hammami

Project Overview

Modern admin dashboard for Arabic RTL order management with a brown/oud brand aesthetic.
Focused on fast workflows: bulk actions, filtering, invoice printing, Excel export, and mobile-friendly usage.
Built for role-based access (admin/employee) and smooth day-to-day operations.

Technical Implementation

Frontend Excellence: React 19 + Vite + TailwindCSS for fast, responsive UI with full RTL support.
Backend Automation: Google Apps Script powering a robust orders API with CRUD, bulk operations, status lifecycle, and statistics.
Data Layer: Google Sheets as the primary datastore, integrated via Apps Script endpoints.
Deployment & Hosting: Firebase Hosting with auto-deploy via GitHub Actions.
UX Design: Clear information hierarchy, status badges, toasts, and accessibility-friendly interactions.

Key Technical Skills

Frameworks: React, React Router, Vite, TailwindCSS
Infrastructure: Firebase Hosting, Google Apps Script, Google Sheets
DevOps: GitHub Actions CI/CD, environment-based configuration
Design: RTL UX, responsive layouts, admin dashboard architecture

Skills

Google Apps Script
Google Sheets API
GitHub Actions CI/CD
Front-End Development
Responsive Web Design
Firebase Hosting
React.js

Screenshots:

Project Overview
A high-end, bespoke web platform developed for a modern dental clinic in Austria. The project focused on creating a clinical yet welcoming digital identity, prioritizing patient accessibility, lightning-fast performance, and a seamless mobile experience.

Technical Implementation

Frontend Excellence: Built a high-performance, Responsive Web Design using React.js, ensuring the practice is accessible across all devices from desktop to smartphone.
Automated Pipeline (CI/CD): Engineered a professional deployment workflow using GitHub Actions (CI/CD), ensuring that every update underwent rigorous automated checks before going live.
Backend & Hosting: Utilized Firebase for secure, scalable hosting and real-time data management, providing a low-latency experience for local users.
UI/UX Design: Translated clinical requirements into a clean, modern interface that builds patient trust through intuitive navigation and clear visual hierarchy.

Key Technical Skills

Frameworks: React.js, Modern CSS/Tailwind
Infrastructure: Firebase (Hosting & Analytics)
DevOps: GitHub CI/CD Pipelines, Version Control
Design: Responsive UX, Clinical Branding, Frontend Architecture

A responsive personal portfolio website using ReactJS, Bootstrap, and CSS for Amy, a freelance graphic designer.

Key Features:
- Implemented a visually appealing design with a clear layout to showcase Amy's graphic design portfolio.
- Built a user-friendly navigation system for easy access to different sections of the website, like her about me page, services offered, and contact information.
- Utilized Bootstrap to ensure the website is responsive and adapts seamlessly across all devices (desktop, tablet, mobile).
Technologies Used: ReactJS, Bootstrap, CSS

Github Repository

A high-performance e-commerce website for Mangata & Gallo jewelry using ReactJS for a dynamic user experience.

Key Features:
- Leveraged Bootstrap to create a fully responsive layout, ensuring seamless user experience across all devices (desktop, tablet, mobile).
- Built a user-friendly navigation system for easy access to different sections of the website, like her about me page, services offered, and contact information.
- Implemented clean and maintainable CSS to achieve a visually appealing and brand-consistent design.
- Utilized Javascript with React and Bootstrap for interactive elements and functionalities, enhancing user engagement.
Technologies Used: ReactJS, Bootstrap, CSS

Github Repository

Smart Search Algorithms: Pathfinding & Logic Simulation

A high-performance technical demonstration built in Unity3D designed to visualize and benchmark complex pathfinding and graph traversal algorithms. This project serves as an interactive bridge between theoretical computer science and real-time environment application.

Core Functionality:

Algorithmic Visualization: Real-time execution of DFS, BFS, A, Dijkstra,* and Dynamic Programming to demonstrate efficiency and logic flow.
Dynamic Environments: Implemented customizable 3D models and grid-based maps to test algorithm performance across varying levels of complexity.
System Architecture: Developed using C#, focusing on clean code principles and optimized data structures for path calculation.

Key Technical Skills

Engine: Unity (3D Environment Design)
Logic: Graph Theory, Heuristics, & Search Optimization
Languages: C# (Object-Oriented Programming)
Design: UI/UX for Data Visualization

Mar 2020 - May 2020

Project Overview

A sophisticated reimagining of the classic Tetris, engineered in Unity3D to support high-concurrency multiplayer functionality. This project demonstrates a deep integration of front-end game mechanics with back-end cloud services, featuring a robust economy and social system.

Technical Architecture & Features

Networking & Multiplayer: Engineered a custom Client-Server model utilizing WebSockets to facilitate real-time, competitive multiplayer modes alongside classic single-player gameplay.

Backend Integration: Implemented Google Firebase for secure user authentication (Facebook & Guest modes), real-time global Leaderboards, and persistent data storage for "Save & Load" functionality.

System Design: Applied advanced OOP principles and Design Patterns to manage complex game states, shop inventories, and avatar customization systems.

Visual Engineering: Developed a hybrid 2.5D/3D environment with dynamic themes and customizable asset models, ensuring a premium UI/UX across all game modes.

Key Technical Skills

Development: Unity3D & C# (Advanced OOP)
Networking: WebSocket & Client-Server Synchronization
Cloud Services: Firebase (Auth, Database, Hosting)
UX/UI: Dynamic Theming & Asset Pipeline Management

Project Overview

A full-cycle Decentralized Application (DApp) that facilitates secure, peer-to-peer transactions on the Ethereum Blockchain. By eliminating central intermediaries, this marketplace ensures transparency, immutability, and enhanced cybersecurity for all digital trade.

Technical Architecture
Smart Contract Development: Engineered robust self-executing contracts using Solidity to govern marketplace logic, ensuring trustless transactions and automated escrow.
Web3 Integration: Developed a seamless bridge between the blockchain and the user interface using MetaMask and Web3.js/Ethers.js, allowing for real-time wallet interaction.
Modern Frontend: Built a high-performance, responsive interface with React.js, focusing on a clean "Web3-native" UI/UX for managing digital assets and transaction history.
Security & Decentralization: Implemented cryptographic protocols to verify transaction integrity and protect user data within a decentralized framework.

Key Technical Skills
Blockchain: Ethereum, Smart Contracts, Solidity, Decentralization
Web3 Tools: MetaMask Integration, JSON-RPC, DApp Architecture
Frontend: React.js (Hooks & State Management), Front-End Design
Cybersecurity: Cryptographic Verification, Secure Wallet Handshaking
A full-cycle Decentralized Application (DApp) that facilitates secure, peer-to-peer transactions on the Ethereum Blockchain. By eliminating central intermediaries, this marketplace ensures transparency, immutability, and enhanced cybersecurity for all digital trade. Technical Architecture Smart Contract Development: Engineered robust self-executing contracts using Solidity to govern marketplace logic, ensuring trustless transactions and automated escrow. Web3 Integration: Developed a seamless bridge between the blockchain and the user interface using MetaMask and Web3.js/Ethers.js, allowing for real-time wallet interaction. Modern Frontend: Built a high-performance, responsive interface with React.js, focusing on a clean "Web3-native" UI/UX for managing digital assets and transaction history. Security & Decentralization: Implemented cryptographic protocols to verify transaction integrity and protect user data within a decentralized framework. Key Technical Skills Blockchain: Ethereum, Smart Contracts, Solidity, Decentralization Web3 Tools: MetaMask Integration, JSON-RPC, DApp Architecture Frontend: React.js (Hooks & State Management), Front-End Design Cybersecurity: Cryptographic Verification, Secure Wallet Handshaking

Screenshots:

Hi, I am

Yasar Al Hammami

ABOUT ME

Yasar Al Hammami

My Professional Skills

Services

Full Stack Development

Back End Development

Front End Development

Mobile Development

Get In Touch

Fast support

Relevant Projects

Alshammari Faraa Orders Admin Dashboard

Digitale Zahnarztpraxis Salzburg – Modern Dental Website Design

Freelance Web Design Project for Amy, a Graphic Designer

Jewelery Retailer Website | ReactJs | Bootstrap

Smart Search Algorithms: Pathfinding & Logic Simulation

Unity 3D: Multi-Platform Tetris Ecosystem

Decentralized Marketplace (DApp)

Popular Posts

QUOTE Of Life

SAY HELLO TO ME

Yasar Al Hammami

ADDRESS

EMAIL

Mobile

Whatsapp