Open to UI/UX and frontend roles

Alexandria, Egypt

portfolio.fig — Frame: Hero

Mayar
Issa

UI/UX Designer & Frontend Developer

I design interfaces in Figma, then build them for real in Next.js and TypeScript, from the first wireframe to the live URL. When a product needs it, I build the API too.

See my work Download CV

Connect

UI/UX Design
Frontend Development
Open to remote work

projects: 11; projects
live sites: 6; live sites
GPA: 3.76; GPA

Figma
Next.js
TypeScript
Tailwind CSS
Framer Motion
Flutter
C#
ASP.NET Core
SQL Server
Supabase
Postgres
MongoDB
Vercel
Cloudflare
Git
Figma
Next.js
TypeScript
Tailwind CSS
Framer Motion
Flutter
C#
ASP.NET Core
SQL Server
Supabase
Postgres
MongoDB
Vercel
Cloudflare
Git

/work

Selected work

mentoro2.vercel.app

Graduation project2025· Team of six

Mentoro

A mentorship platform that matches students with mentors, with student, mentor and admin dashboards.

Designed the whole product in Figma before a line of code.
Built the home page, profiles and mentor–mentee connections.
Roadmaps, tasks, real-time chat, an AI assistant, and Arabic/English with RTL.

Next.js
TypeScript
Figma
SignalR
next-intl

Live site Code

carechart-ehr.vercel.app

CareChart patient summary with a red severe-allergy banner, latest vitals and problem list

Health records app2026

CareChart EHR

Patient records for a small clinic: allergies, problems, medications, vitals trends and SOAP visit notes.

Severe-allergy banner and vital-sign flags put the dangerous detail first.
Blood-pressure trend chart in hand-written SVG.
One validation schema shared by every form; 25 unit tests on the clinical rules.

Next.js
TypeScript
Zod
Vitest

Live site Code

hr-pharmacy-nine.vercel.app

Pharmacy HR system2026

Nour HR

A bilingual HR system for a multi-branch pharmacy, from schedules and attendance to monthly payroll.

Approval flows for holidays, overtime, salary borrows and resignations.
Full right-to-left Arabic interface with a switch to English.
25-table Postgres schema with row-level security on every table.

Next.js
TypeScript
Supabase
Postgres

Live site Code

sublime-plus.com

Agency website2026

Sublime+

The website for Sublime+, an AI-powered content and marketing agency, where I work as Full Stack Developer.

Motion-rich landing page with a cursor-reactive mascot.
Blog editor that publishes by committing Markdown to GitHub.
Technical SEO, structured data and Analytics; served from Cloudflare Workers.

Next.js
Tailwind CSS
Framer Motion
Cloudflare

Live site Code

magnetiq-freelancer12.vercel.app

E-commerce store2026

Magnetiq

An online store for custom photo magnets: upload a photo, preview it as a magnet, and order.

Next.js
TypeScript
Prisma
MongoDB

Live site Code

building11.vercel.app

Building finance app2026

BuildFin

Helps a building owner track what every resident pays and what the building spends, month by month.

Next.js
TypeScript
MongoDB Atlas

Live site Code

github.com/MayarIssa/shop-api

POST /api/orders/checkout
Authorization: Bearer eyJhbGciOi…

{ "shippingAddress": "12 Fouad St, Alexandria" }

201 Created
{
  "id": 42,
  "status": "Pending",
  "total": 99.98,
  "items": [{ "productName": "Wireless Earbuds",
              "unitPrice": 49.99, "quantity": 2 }]
}

E-commerce backend2026

Shop API

A REST API for an online store: catalog, cart, checkout and orders, with customer and admin roles.

C#
ASP.NET Core
EF Core
SQL Server

Code

mayar-issa.vercel.app/work/breast-cancer

Scatter plot of perimeter mean against perimeter worst, coloured by benign and malignant diagnosis

Data science + Power BI2025· Team of three

Breast Cancer Diagnosis

A machine-learning pipeline that classifies tumours as benign or malignant, with a Power BI dashboard for non-technical readers.

Random Forest reached 95.6% accuracy, beating a Logistic Regression baseline.
Compared imputation strategies and capped outliers with the IQR rule.
Power BI dashboard on tumour size, perimeter and texture by diagnosis.

Python
scikit-learn
pandas
Power BI

Case study

mayar-issa.vercel.app/work/smart-safe

IoT lock2024· Team of five

Smart Safe

A working safe that opens with a keypad code or remotely from a phone.

ESP32 drives a relay-switched solenoid lock, keypad, I2C LCD and alarm buzzer.
Lock and unlock from a phone: Blynk first, then the safe's own Wi-Fi lock page.
Circuits simulated on Wokwi before wiring the real parts.

ESP32
C++
Blynk
Wokwi

Case study

mayar-issa.vercel.app/work/pet-feeder

Embedded system2025

Smart Pet Feeder

Automatic food and water for pets, on an ATmega32 programmed straight from the registers.

A load cell weighs the bowl and a servo refills it when food runs low.
A water sensor drives a pump; an LCD, LEDs and a buzzer report status.

ATmega32
C/C++
Proteus

Try the simulator

mayar-issa.vercel.app/work/maze-chase

Arcade game2024

Maze Chase

A Pac-Man-style game where every run gets a brand-new maze.

Mazes generated with a recursive-backtracking algorithm.
Ghost movement, collisions, scoring and lives, all drawn with GDI+.

C#
Windows Forms

Play it + case study

/about

About me

Mayar Issa

UI/UX Designer & Frontend Developer

Available

Who I am

I'm a UI/UX designer and frontend developer from Alexandria, Egypt. I studied Computer Science at Pharos University, taught Human-Computer Interaction there as a Teaching Assistant, and now work as a Full Stack Developer at Sublime+.

My approach

I start with the people who will use the product, design every screen and state in Figma, then build it myself in Next.js and TypeScript. Because I know the backend too, the designs I hand over are ones a team can actually ship.

Personal details

properties

Name: Mayar Mohamed Issa
Location: Alexandria, Egypt
Email: Myar.issa2003@gmail.com
Phone / WhatsApp: +20 106 210 0482
Availability: Open to UI/UX and frontend roles, on-site or remote
Education: Pharos University · BSc Computer Science · GPA 3.76
Languages: Arabic (native) · English (professional)
Current role: Full Stack Developer at Sublime+

Download CVPDF · 2 pages

/process

From the first sketch to the live URL, one person who sees it through.

01
Research & flows
Who is this for and what do they need to get done? User flows and wireframes before pixels.
02
Design in Figma
Components, states and responsive layouts, so the team agrees on what we're building.
03
Build the front end
Typed, accessible components in Next.js and TypeScript, with motion where it helps.
04
Ship & iterate
Deployed to Vercel or Cloudflare, tested in CI, and refined from real use.

/experience

Experience

Aug 2026 – now
Full Stack Developer
Sublime+
Built and run the agency's website: motion-rich landing page, Git-backed blog editor, technical SEO, and Cloudflare for the domain.
Nov 2025 – Sep 2026
Teaching Assistant
Pharos University
Taught labs for Human-Computer Interaction (Figma and Flutter), Programming 1, System Programming and Compiler Design.
Jun – Aug 2025
Data Entry & Client Information Technician
KOP Coach, USA (remote)
Kept client records accurate and organized in company systems.
Jul – Nov 2024
Backend .NET Developer Intern
Route
Built an e-commerce REST API and an MVC web app in C# with Entity Framework and SQL Server.
Jun – Aug 2023
Robotics Intern
ST Smart
Arduino and ESP32 projects: a GSM security alarm, a Wi-Fi/Bluetooth car and a secured safe.