Frontend

Building scalable, performant web applications with React, TypeScript & Node.js

6+Projects Built
2+Years Experience
Full StackReact + Node
SaaSProduct Focus
Loading Tech Sphere…

About Me

Ahmed Elbalal - Frontend Developer

Frontend Developer Focused on Clean, Scalable UI

I build responsive, modern web interfaces with React, TypeScript, and component-based architecture. My focus is on creating user-friendly experiences that are performant, maintainable, and ready to grow with real products.

I enjoy translating ideas into polished interfaces, improving usability, and writing code that other developers can understand and extend. I am continuously strengthening my skills in modern frontend development, testing, and full product thinking.

Fast Learner & Adaptable

Comfortable learning new tools quickly and applying them to real projects with a practical mindset.

Clean, Maintainable Code

I value readable structure, reusable components, and code that stays easy to maintain as a project grows.

Collaborative Mindset

Comfortable working with designers, developers, and stakeholders to turn requirements into usable interfaces.

Problem Solving

I enjoy breaking down complex UI challenges and turning them into simple, effective solutions.

Currently seeking frontend developer opportunities where I can contribute to meaningful products, keep learning, and grow within a strong team environment.

Let's Connect

Core Technologies

React
TypeScript
Next.js
Tailwind

Development Tools

Git
Figma
VSCode
NPM

Currently Learning

Node.js
Testing
AWS
PostgreSQL

Professional Experience

2023 - Present

Frontend Developer | Shopify & E-commerce

Oz Tech
  • Developed and maintained Shopify storefront UI components using Liquid, JavaScript, and CSS3 — delivering responsive, cross-browser compatible product pages and collection layouts for multiple e-commerce clients.
  • Improved storefront performance and usability by refactoring theme templates, fixing layout inconsistencies, and streamlining customer journeys across desktop and mobile — resulting in smoother checkout flows.
  • Diagnosed and resolved frontend bugs affecting theme behavior, cart functionality, and third-party app integrations, reducing recurring issues and improving overall store reliability.
  • Collaborated directly with clients to translate business requirements into functional UI improvements, ensuring brand consistency and a polished user experience across all touchpoints.
ShopifyLiquidJavaScriptHTML5CSS3Git
2022 - 2023

Web Developer

Freelance Projects
  • Translated design ideas and project requirements into functional, accessible web pages and interactive user interfaces.
  • Built responsive websites with clean layouts, component-based structure, and attention to performance and cross-browser compatibility.
  • Worked iteratively on UI improvements based on project goals, usability needs, and visual polish.
JavaScriptCSS3HTML5ReactGit

Real-World Projects

From e-commerce platforms to analytics dashboards — built with modern technologies and best practices

Full Stack SaaS

HOTELI — Cloud Hotel PMS

MVP Score
Demo

A full-stack hotel property management system built from real hotel operations experience, including reservations, room assignment, folios, house accounts, night audit, ADR, occupancy, and operational reports.

🚀 Technical Challenge

Designing a realistic cloud PMS workflow that connects front desk, night audit, accounting, rooms management, and reporting needs into one clear and user-friendly product experience.

💡 My Solution

Built a full-stack MVP with a React frontend and Node.js/Express API, including dashboard KPIs, reservation workflow, room assignment and unassignment, folios with tax breakdowns, house accounts, night audit locking, support tickets, audit logs, and multilingual UI support.

📈 Key Results

  • Created a domain-specific SaaS product based on real hotel operations experience
  • Implemented core PMS workflows including reservations, rooms, folios, house accounts, and night audit
  • Added operational reporting for revenue, in-house guests, arrivals, departures, and high-balance folios
  • Designed a multilingual interface for English, French, and Spanish users

🛠️ Technology Stack

ReactTypeScriptNode.jsExpressREST APIVitei18n
E-commerce Dashboard

Shopify / E-commerce Operations Dashboard

95% Score
Demo

A modern operations dashboard for e-commerce teams to monitor sales, orders, conversion, inventory alerts, and channel performance in one place.

🚀 Technical Challenge

Designing a dashboard that surfaces the most important e-commerce KPIs in a clear and scalable way, while keeping the interface fast, readable, and easy to extend.

💡 My Solution

Built a modular React + TypeScript dashboard with reusable KPI cards, chart components, inventory alerts, channel breakdowns, and recent order tables using a clean component structure and realistic operational data.

📈 Key Results

  • Created a recruiter-friendly real-world product dashboard project
  • Structured the UI around realistic e-commerce KPIs and workflows
  • Built reusable, typed components for easier scaling and maintenance
  • Delivered a responsive interface optimized for readability and fast interaction

🛠️ Technology Stack

ReactTypeScriptTailwind CSSRechartsVite
SaaS Dashboard

PulseGrid - Analytics Dashboard

94% Score
Demo

A real-time analytics SaaS dashboard with data visualization, metrics tracking, and interactive charts for business intelligence.

🚀 Technical Challenge

Creating an intuitive analytics dashboard that presents complex data in an easily digestible format with real-time updates and interactive visualizations.

💡 My Solution

Built with React and TypeScript for type safety, integrated Chart.js for data visualization, implemented responsive grid layouts, and created mock API endpoints for realistic data display.

📈 Key Results

  • TypeScript implementation for better code quality
  • Interactive charts with smooth animations
  • Clean, professional UI design
  • Fully responsive dashboard layout

🛠️ Technology Stack

ReactTypeScriptChart.jsCSS3API IntegrationResponsive Design

Want to see more?

Check out my GitHub for additional projects, contributions, and code samples.

Visit My GitHub

Technical Expertise

Frontend Technologies

React85%
TypeScript80%
JavaScript90%
HTML595%
CSS390%

Backend & API

Node.js75%
Express75%
REST API80%
Authentication Flow70%
JSON Data Modeling75%

Development Tools

Git85%
VS Code90%
Figma75%
Chrome DevTools80%
NPM/Yarn85%

Core Concepts

Responsive Design90%
Web Performance80%
Accessibility75%
Cross-browser Compatibility85%
SEO Principles75%

Get In Touch

Phone

+1 (438) 796-●●●●

Email

ahmedelbalal@ahmedelbalal.dev

Location

Montreal, Canada

Open to remote opportunities

Response Time

Within 24 hours

Usually faster