testing.mstfa.co Open in urlscan Pro
104.248.137.95  Public Scan

Form analysis
1 forms found in the DOM

POST https://formspree.io/f/maylqzqk

<form action="https://formspree.io/f/maylqzqk" method="POST">
  <div class="form-group">
    <!-- <label for="name">Name</label> -->
    <input type="text" id="name" name="name" placeholder="Name" required="" class="input">
    <!-- <label for="name">Email</label> -->
    <input type="email" id="email" name="email" class="input" placeholder="Email" required="">
    <div class="form-group">
      <!-- <label for="message">Message</label> -->
      <textarea id="message" name="message" placeholder="Message" class="input" required=""></textarea>
    </div>
    <button type="submit" class="call-to-action" data-text="Send Message"></button>
  </div>
</form>

Text Content

Portfolio
Personal Work
Personal
Work



MSTFA BABAN


FRONT-END DEVELOPER

I aim to create digital experiences and solutions that are efficient,
problem-focused, and valuable to the end user.



This app was created with pure JS
© 2024 Mstfa Baban
Home About Projects Contact


MSTFA BABAN


FRONT-END DEVELOPER

Hi, I'm Mstfa Baban. I'm a software engineer I build pixel-perfect, engaging,
and accessible digital experiences.




Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis quis unde magni
similique hic eos labore, enim voluptatem ipsum porro!


Experienced Front-end Web Developer, dedicated to creating elegant,
user-friendly and efficient applications. Fluent in English, Arabic, and
Kurdish(Sorani) And basic proficiency in German(A2).


FEATURED PROJECT VIEW PROJECTS


KARTEI

An app using Ionic Vue, to challenge myself with new frameworks. Kartei enables
users to create or import saved translations from CSV or Google Translate and
test their knowledge through a flashcard game that tracks progress. Initially
built with a Laravel backend, switching to a Dexie database made it faster and
more efficient, significantly improving the user experience.

TypeScript
Ionic
Vue
Laravel


LATEST ARTICLES VIEW BLOG


THE BEST WAY TO HANDLE BREAKPOINTS IN SCSS

One of the most effective ways to handle breakpoints in SCSS/Sass is by using a
mixin. A simple yet powerful mixin that you can use to define your breakpoints,
and use them simply and mobile first across your css.


THE LONGEVITY GAP: WHY WOMEN OUTLIVE MEN AND THE SCIENCE BEHIND IT

Discover the biological and societal factors that contribute to women outliving
men globally.


EXPLORING THE LINK BETWEEN EDUCATION AND LIFESPAN

Brief background on the connection between education levels and lifespan.


ABOUT ME

Hello! I'm Mustafa Baban, known as Mstfa. With six years of experience as a
frontend web developer, I am currently based in Sulymaniah/Iraq and seeking new
opportunities in Germany.

Fluent in English, Arabic, and Kurdish (Sorani) with basic proficiency in German
(A2).

I hold a Bachelor of Science in IT, recognized as equivalent to a German
Bachelor's degree by the Central Office for Foreign Education (ZAB) in Germany.


EXPERIENCE

FULLSTACK DEVELOPER (FREELANCE) | 2023 - PRESENT

 * Developed "Kartei," an open-source flashcard app using Ionic Vue, to assist
   with my German language learning. This project ensured cross-platform
   compatibility and user engagement through interactive flashcard exercises.

 * Implemented a liveness detection feature for facial recognition in an
   existing application using CompreFace, enhancing security and user
   verification.

 * Created several custom CRUD applications for business management.

FRONT-END DEVELOPER AT MOONLINE | 2022 - 2023

 * Optimized API query, reducing SAP search time by over 9 seconds with minor
   adjustments.

 * Developed a custom form-building solution using Vue and Strapi, improving
   efficiency for SAP developers.

 * Conducted thorough testing and provided documentation and training to ensure
   seamless adoption of new tools.

 * Debugged and resolved legacy code issues, maintaining backward compatibility.

FRONT-END DEVELOPER AT RUDAW | 2021 - 2022

 * Designed and developed component-based Vue.js applications optimized for
   mobile use.

 * Refactored and optimized legacy code, enhancing performance and
   maintainability.

 * Utilized Server-Side Rendering (SSR) and Static Site Generation (SSG) to
   improve website performance and SEO.

FRONT-END DEVELOPER AT PLUS THE EDGE | 2019 - 2021

 * Designed and developed frontends for various applications, including
   Hospital, Warehouse, and Restaurant Management Systems.

 * Developed restaurant food ordering applications with PayPal integration,
   enhancing user convenience and payment security.

INTERN DEVELOPER AT ROZHI SPI | 2018

 * Developed user-friendly frontend and essential backend features for an
   accounting application.

 * Created modules for transaction tracking, financial reporting, and user
   authentication, fulfilling all specified requirements.

Programming Languages:

JavaScript, TypeScript, HTML, CSS, SCSS, PHP

Libraries & Frameworks:

Vue, Vite, Nuxt.js, Laravel, Ionic, Tailwind CSS, Quasar, Strapi (React)

Tools & Platforms:

Git, GitHub, GitHub Actions, Figma, npm, Linux, SQL, Dexie, Apache, Docker

Tech Experience:

UI/UX, SEO, SSR, Prompt engineering (GPT-4), APIs, Accessibility, VPS
Administration, SSH, Domain SSL, Auto Deployment to VPS, Telegram Bots, Team
Communication, Commitment to Learning

Achievements:

Hackasuly Hackathon (2019): First prize winner in the AI category.


MY APPROACH

As a stoic individual, I approach web development with a focus on providing
efficient solutions to problems. My methodology is grounded in practicality and
efficiency, ensuring that each project is completed to the highest standard.

I find immense joy in working with CSS, crafting visually appealing and
interactive user experiences. Staying updated with the latest trends and
technologies in web development is a commitment I take seriously.


LET'S CONNECT

I'm open to new opportunities and collaborations, especially in Germany. If
you’re looking for a dedicated frontend developer to bring your ideas to life,
feel free to reach out!

I specialize in responsive design and performance optimization, ensuring that
your websites look great and function seamlessly across all devices.


KARTEI

An app using Ionic Vue, to challenge myself with new frameworks. Kartei enables
users to create or import saved translations from CSV or Google Translate and
test their knowledge through a flashcard game that tracks progress. Initially
built with a Laravel backend, switching to a Dexie database made it faster and
more efficient, significantly improving the user experience.

TypeScript
Ionic
Vue
Laravel


DYNAMIC JSON FORM BUILDER

In this project, I created a dynamic form builder using Laravel and Vue.js to
provide an example of a solution I implemented in a real-world scenario. I
initially developed this solution myself for a travel agency that used a SAP
system, which required frequent updates to forms and backend routes.

Vue
Laravel


PORTFOLIO V3

In this project, I created a dynamic form builder using Laravel and Vue.js to
provide an example of a solution I implemented in a real-world scenario. I
initially developed this solution myself for a travel agency that used a SAP
system, which required frequent updates to forms and backend routes.

Vue
Laravel


CFRI

The Centre français de recherche sur l'Irak is a dedicated news platform that
delves into the complex relationships between Iraq, Kurds, and France. With
in-depth analysis, news, and opinions, the site covers political, social, and
cultural topics. Featuring a custom design for an engaging user experience,
explore the diverse aspects of Iraqi and Kurdish affairs while staying updated
on Franco-Iraqi relations through this informative and accessible platform

Vue
Laravel


REPEATEDLY

This fun web app allows users to easily set their desired YouTube videos on a
loop, making it perfect for workout sessions, background music, or continuous
learning. Users can customize the repeat settings by choosing the number of
repeats or setting a specific duration (e.g., 30 minutes), ensuring a seamless
and uninterrupted viewing experience. Whether you're exercising, studying, or
just need some background noise, Repeatedly keeps your favorite content playing
on loop.

Vue
Netlify


PRUNUS

This project revitalizes a landscaping company's brand identity by replacing the
outdated design with a striking, modern look. The new branding focuses on
contemporary icons and design elements that reflect the company's values and
expertise. Experience the transformation and impact of modern design through
this impressive brand makeover.

UIUX
Figma
Logo


OLD PORTFOLIO

This was my last portfolio, Version 3. It had a simple black and white design,
which looked pretty cool and classy. The layout was straightforward, making it
easy to show my work. However, I decided to change it because it wasn't as
user-friendly as I wanted. While the clean look was nice, it just didn’t provide
the best experience for users.

Vue


AKRAM

A user-friendly Page, designed specifically to consolidate all of the
architect's contact information, social media handles, and online presence in
one accessible location.

HTML
CSS
UIUX


GET IN TOUCH

I'm currently looking for new opportunities and collaborations in Germany. If
you're interested in working together or have any questions, feel free to reach
out!