LOBNA ELEMARY

Frontend Developer & UI/UX Designer
Crafting Digital Experiences with Elegance

Hero Image

ABOUT ME

I'm a Frontend Developer who transforms ideas into fast, responsive, and interactive web applications using modern HTML5, CSS3, JavaScript ES6+, and React - delivering pixel-perfect interfaces that work flawlessly across all browsers and devices.


As a UI/UX designer who codes, I bridge the gap between beautiful design and flawless development, creating user interfaces that are not only visually stunning but also technically feasible and developer-friendly from day one.


My goal is to create web applications that work perfectly, look amazing, and solve real problems for real people.

SKILLS & EXPERTISE

Web Development

HTML5, CSS3, JavaScript ES6+, Responsive Design, CSS Animations, Problem Solving

React.js

Modern React development with hooks, state management, and component architecture

CSS Frameworks

Bootstrap, Tailwind CSS for rapid and responsive UI development

Version Control

Git, GitHub for collaborative development and project management

UI/UX Design

Figma, User Research, Wireframing, Prototyping, Typography, Responsive Design

Graphic Design

Adobe Photoshop, Illustrator for creative visual solutions

FEATURED WORKS

login page

Secure Login Interface

Modern authentication system with advanced security features and elegant user experience.

weather app with api

Weather App

A weather application that provides real-time weather updates and forecasts.

todo app with java

Todo App

A todo application built with Java, can manage tasks efficiently add, edit, and delete tasks, check off completed tasks, featuring user authentication and a responsive design.

TASK MANAGER

TASK MANAGER

TASK MANAGER is a web-based application built with React, allowing users to create, read, update, and delete tasks. It features user authentication and a responsive design.

investment dashboard

Investment Dashboard

An investment dashboard built with React, can track and manage investment portfolios and assets, featuring real-time data visualization and user authentication.

mini ERB system

MINI ERB SYSTEM

MINI ERB SYSTEM is a web-based application built with React, allowing users to create, read, update, and delete entity-relationship diagrams. It features user authentication and a responsive design.

CERTIFICATIONS & ACHIEVEMENTS

Engaging Stakeholders for Success_certificate

Engaging Stakeholders for Success

Cisco

html-certificate

HTML Essentials

Cisco

clean-code-certificate

Clean Code

Mahara-Tech

design-ibm-certificate

Design Thinking

IBM

google-certificate

Google Marketing Certificate

Google

git-certificate

GitHub

ElMadrasa

ui-mahara-certificate

UX Design

Mahara-Tech

ui-sprint-certificate

UI/UX Sprint

Sprints

blockchain-certificate

Blockchain Technology

EYouth

ps-creative-certificate

Adobe Photoshop

Creative Group

decoration-certificate

Comprehensive Decoration Diploma

Creative Group

arch-course-certificate

Architecture Finishing Course

Creative Group

hp-certificate

المحاضرات الفعالة

HP LIFE

hp-certificate

البريد الالكتروني في العمل

HP LIFE

hp-certificate

عرض البيانات

HP LIFE

hp-certificate

العقلية الناجحة

HP LIFE

hp-certificate

عمليات التواصل في العمل

HP LIFE

she-leads-certificate

she leads vol.2

icareer

coca-certificate

Youth Empowered courses

coca-cola HBC Egypt

GET IN TOUCH