ammar.HABIB
02 / THE PORTFOLIO

Different challenges.
The same attention to craft.

A collection of websites, application interfaces, and email experiences. Real projects, preserved from my frontend portfolio.

32 projects · All work

Al Fanar Restaurant interface and responsive screen layouts01 / WordPress

A restaurant website introducing Emirati cuisine and an atmosphere inspired by the UAE in the 1960s.

Role · Frontend UI implementation · contribution details to confirm

HTML 5CSS 3Bootstrap 4JavaScript
Visit website
Alqen interface and responsive screen layouts02 / Email templates
Email templates

Alqen

Responsive email templates translated from Figma designs using HTML, CSS, and MJML for Mailchimp campaigns.

Role · Frontend UI implementation

Figma DesignHTMLCSSMJML
View live demo
B2B Leading Page interface and responsive screen layouts03 / Websites

An archived website interface. The original project was marked “Under Developing”; completion status needs confirmation.

Role · Frontend UI implementation · contribution details to confirm

HTML5CSS3BootstrapJavaScript
Crucial App Concepts interface and responsive screen layouts07 / WordPress

A website for a software company working on web and mobile applications.

Role · Frontend UI implementation · contribution details to confirm

HTML5CSS3BootstrapJavaScript
Church Base interface and responsive screen layouts08 / Web applications
Web applications

Church Base

A church software suite bringing app, website, and dashboard experiences together in one platform.

Role · Frontend UI implementation

Figma DesignHTML 5CSS 3Bootstrap 4
Dicta interface and responsive screen layouts09 / Web applications
Web applications

Dicta

A nonprofit platform offering machine learning and natural language tools for studying classical and modern Hebrew texts.

Role · Frontend UI implementation

Sketch DesignHTML 5CSS 3Bootstrap 4
Visit website
EshipSol interface and responsive screen layouts11 / WordPress
WordPress

EshipSol

A landing page for an ecommerce logistics company offering local and international shipping services.

Role · Frontend UI implementation

XD DesignHTML 5CSS 3Bootstrap
EXOsecure interface and responsive screen layouts12 / Websites
Websites

EXOsecure

A website for a managed cybersecurity service offering enterprise security tools and specialist support.

Role · Frontend UI implementation

Sketch DesignHTML 5CSS 3Bootstrap 4
Visit website
Greenectus interface and responsive screen layouts14 / Web applications
Web applications

Greenectus

A green-economy platform connecting people, businesses, and government through landing pages and dashboard interfaces.

Role · Frontend UI implementation

Figma DesignHTML 5CSS 3Bootstrap 4
Visit website
Happy to You interface and responsive screen layouts15 / Websites
Websites

Happy to You

An animated, responsive landing page for an application that creates birthday greeting videos.

Role · Frontend UI implementation

XD DesignHTML 5CSS 3React Bootstrap
Leon Publicis interface and responsive screen layouts17 / Websites

An archived website interface. The original project was marked “Under Developing”; completion status needs confirmation.

Role · Frontend UI implementation · contribution details to confirm

HTML5CSS3BootstrapJavaScript
Mash Network interface and responsive screen layouts18 / Mobile applications
Mobile applications

Mash Network

An Ionic mobile interface for sharing files between devices without an internet connection.

Role · Frontend UI implementation

Sketch DesignHTML 5CSS 3SASS
PNGP interface and responsive screen layouts21 / Web applications
Web applications

PNGP

A React interface project with landing pages and separate seller and buyer dashboards.

Role · Frontend UI implementation

XD DesignHTML 5CSS 3React Bootstrap
Shipm8 · earlier archive interface and responsive screen layouts22 / Websites

An earlier Shipm8 portfolio record describing a team-based shipping website project. Preserved separately from the newer Shipm8 record.

Role · Frontend UI implementation · contribution details to confirm

HTML5CSS3BootstapjQuery
Visit website
Property 360 interface and responsive screen layouts24 / Web applications
Web applications

Property 360

A responsive property dashboard implemented with React, React Bootstrap, and styled-components.

Role · Frontend UI implementation

Sketch DesignHTML 5CSS 3React Bootstrap
Relevic interface and responsive screen layouts25 / Web applications
Web applications

Relevic

A web personalization and A/B testing platform with a responsive React dashboard interface.

Role · Frontend UI implementation

Sketch DesignHTML 5CSS 3React Bootstrap
Visit website
Rose Revenue interface and responsive screen layouts26 / Websites
Websites

Rose Revenue

A sales automation landing page translated from Adobe XD designs using Tailwind CSS.

Role · Frontend UI implementation

XD DesignHTML 5CSS 3Tailwind CSS
Visit website
Sharp Brains interface and responsive screen layouts27 / WordPress
WordPress

Sharp Brains

A website for an international IT support provider offering onsite engineering and managed technical services.

Role · Frontend UI implementation · contribution details to confirm

XD DesignHTML 5CSS 3Bootstrap
Visit website
Shipm8 interface and responsive screen layouts28 / Web applications
Web applications

Shipm8

A maritime application designed to simplify port administration and keep service teams informed.

Role · Frontend UI implementation · contribution details to confirm

HTML 5CSS 3Bootstrap 4JavaScript
Visit website
ShoutOut interface and responsive screen layouts29 / Mobile applications
Mobile applications

ShoutOut

An Ionic mobile interface for booking personalized celebrity videos.

Role · Frontend UI implementation

Figma DesignHTML 5CSS 3SASS
Solelinks interface and responsive screen layouts30 / Websites
Websites

Solelinks

A platform offering sneaker deals, upcoming release information, and restock links.

Role · Frontend UI implementation

Figma DesignHTML 5CSS 3Bootstrap 4
Visit website
TechMateTech interface and responsive screen layouts31 / WordPress
WordPress

TechMateTech

A WordPress website presenting a technology company’s software development and outsourcing services.

Role · Frontend UI implementation · contribution details to confirm

HTML 5CSS 3Bootstrap 4JavaScript
Visit website
TermMate interface and responsive screen layouts32 / Web applications
Web applications

TermMate

An educational content platform where users can publish, share, and access learning materials.

Role · Frontend UI implementation

HTML5CSS3Bootstrap 4JavaScript
06 / WHAT’S NEXT

Let’s create
something exceptional.

Open to meaningful frontend engineering opportunities, collaborations, and ambitious digital projects.

Let’s connect