mehdi jai.

fullstack web developer & UI designer

about me.

Mehdi Jai at a conference

Result-oriented Lead Full-Stack Web Developer & UI/UX designer with 5+ years of experience in designing, developing and deploying web applications using a variety of technologies.

I started my journey at the age of 16, and professionally in 2019. The beginning was with building my two majors SaaS; Tabarro3.ma, Autodrive.ma. I have a long experience with JavaScript/TypeScript, SCSS/SASS, NodeJS, PHP Laravel, VueJS. Plus, ElectronJS, Figma, and other tools, programming languages, and skills.

experiences.

I’ve gained valuable experience working as a lead developer with several startups, contributing to the development of innovative solutions.

  • squarefeet.

    07/23 - 07/24 | Casablanca, Morocco

    As the Lead Full-Stack Web Developer at Squarefeet, I had a comprehensive role overseeing all aspects of our SaaS solution for Retail Center Leasing Management. This encompassed managing the web application, from deployments and integrations to infrastructure, as well as leading a team of two other developers. My responsibilities extended to interactive 2D/3D plan system, documentations, backlog management, and ensuring the seamless operation of all elements within the SaaS platform.

  • sogesoft.

    06/22 -07/23 | Oujda, morocco

    During my time at Sogesoft, I played a crucial role in developing web applications and a hybrid mobile app. My key responsibilities involved building RESTful APIs using ASP.NET Web API to efficiently deliver data to our JavaScript-based front end. Additionally, I took charge of building monitoring back-offices for other services, contributing to the smooth functioning of the company's technical infrastructure.

skillset.

  • Frontend Frameworks & Libraries

    Standard language for creating web pages.
    Standard language for creating web pages.
    Stylesheet language for web page presentation.
    Stylesheet language for web page presentation.
    CSS preprocessor with added functionality.
    CSS preprocessor with added functionality.
    The programming language of the web.
    The programming language of the web.
    Typed superset of JavaScript.
    Typed superset of JavaScript.
    Utility-first CSS framework for rapid UI development.
    Utility-first CSS framework for rapid UI development.
    Progressive JavaScript framework for building UIs.
    Progressive JavaScript framework for building UIs.
    Vue.js framework for server-rendered applications.
    Vue.js framework for server-rendered applications.
    JavaScript library for building user interfaces.
    JavaScript library for building user interfaces.
    React-based framework for server-side rendering.
    React-based framework for server-side rendering.
    Minimal JavaScript framework for interactions.
    Minimal JavaScript framework for interactions.
    Modern static site generator.
    Modern static site generator.
  • Design, Prototyping & QA

    Collaborative design tool for interface design and prototyping.
    Collaborative design tool for interface design and prototyping.
    Scalable Vector Graphics for responsive and resolution-independent graphics.
    Scalable Vector Graphics for responsive and resolution-independent graphics.
    API design and documentation tool.
    API design and documentation tool.
    UI component development tool.
    UI component development tool.
    Collaboration platform for API development.
    Collaboration platform for API development.
  • Backend & Databases

    JavaScript runtime built on Chrome's V8 JavaScript engine.
    JavaScript runtime built on Chrome's V8 JavaScript engine.
    Scripting language especially suited for web development.
    Scripting language especially suited for web development.
    PHP framework with expressive, elegant syntax.
    PHP framework with expressive, elegant syntax.
    Cross-platform framework for building modern applications.
    Cross-platform framework for building modern applications.
    Modern, object-oriented programming language by Microsoft.
    Modern, object-oriented programming language by Microsoft.
    Open-source relational database management system.
    Open-source relational database management system.
    Advanced, open-source relational database.
    Advanced, open-source relational database.
    Lightweight, serverless SQL database engine.
    Lightweight, serverless SQL database engine.
    NoSQL database for scalable and flexible data storage.
    NoSQL database for scalable and flexible data storage.
    NoSQL database service by AWS for high scalability.
    NoSQL database service by AWS for high scalability.
  • DevOps & Cloud

    Comprehensive cloud computing platform by Amazon.
    Comprehensive cloud computing platform by Amazon.
    Service for creating and managing APIs.
    Service for creating and managing APIs.
    Scalable virtual cloud servers.
    Scalable virtual cloud servers.
    AWS Identity and Access Management service.
    AWS Identity and Access Management service.
    Run code without provisioning servers.
    Run code without provisioning servers.
    Scalable email sending service.
    Scalable email sending service.
    Managed message brokering service for pub/sub messaging.
    Managed message brokering service for pub/sub messaging.
    Platform for containerizing applications.
    Platform for containerizing applications.
    A query language for APIs, providing a flexible and efficient alternative to REST.
    A query language for APIs, providing a flexible and efficient alternative to REST.
    Software architectural style for web services.
    Software architectural style for web services.
  • IDE & Systems

    Lightweight, extensible code editor by Microsoft.
    Lightweight, extensible code editor by Microsoft.
    Tech company offering tools like Windows, Azure, and more.
    Tech company offering tools like Windows, Azure, and more.
    Open-source operating system for servers and development.
    Open-source operating system for servers and development.
  • Collaboration & Version Control

    Version control system for tracking code changes.
    Version control system for tracking code changes.
    Web-based platform for Git version control and collaboration.
    Web-based platform for Git version control and collaboration.
    Git repository management platform with built-in CI/CD.
    Git repository management platform with built-in CI/CD.
    Git repository management solution designed for professional teams.
    Git repository management solution designed for professional teams.
    Git hooks to ensure clean commits.
    Git hooks to ensure clean commits.
    GitHub Actions automates workflows for CI/CD directly in GitHub repositories. It supports tasks like testing, building, and deploying code.
    GitHub Actions automates workflows for CI/CD directly in GitHub repositories. It supports tasks like testing, building, and deploying code.
  • Project Management & Issue Tracking

    Company offering project management tools like Jira, Confluence, and Trello.
    Company offering project management tools like Jira, Confluence, and Trello.
    Issue and project tracking tool by Atlassian.
    Issue and project tracking tool by Atlassian.
    Security tool for finding and fixing vulnerabilities in code.
    Security tool for finding and fixing vulnerabilities in code.
  • Tooling & Utilities

    Node.js package manager.
    Node.js package manager.
    Fast, disk-efficient package manager for Node.js.
    Fast, disk-efficient package manager for Node.js.
    JavaScript module bundler.
    JavaScript module bundler.
    Extremely fast JavaScript bundler and minifier.
    Extremely fast JavaScript bundler and minifier.
    Code formatter for consistent styling.
    Code formatter for consistent styling.
    Static analysis tool for finding and fixing JavaScript code issues.
    Static analysis tool for finding and fixing JavaScript code issues.
    Fast development server and build tool.
    Fast development server and build tool.
    JavaScript module bundler.
    JavaScript module bundler.

projects.

Solo Projects, SaaS’s and Demo projects I’ve worked on

  • mjdev.

    This portfolio itself is one of my projects I'm proud of, This portfolio will evolve and gets more interesting. It's not just a portfolio, it's my space to experiment and pour my fantasies.

    View full project
  • tabarro3.ma.

    I developed in 2019 a single-page application (SPA) called "Tabarro3.ma", a platform designed to connect blood donors with those in need in Morocco. The platform features a straightforward user interface that enables donors to input their information, including their name, phone number, city, and blood type. Users seeking blood donors can then filter this information by blood type and city to find suitable matches. The project aimed to simplify and streamline the process of blood donation in Morocco. The purpose was to acquire most citizens, and enable people in need to find donors with ease.

    View full project
  • auto drive maroc.

    I developed in 2021 "Auto Drive Maroc-ADM," a SaaS marketplace designed for car rentals in Morocco. This online marketplace connects car rental agencies with potential customers. Our goal was twofold: to help agencies reach a wider customer base and to make it easier for customers to find suitable car rental deals. And, within three months of launching, the platform achieved significant traction, with over 50 cars listed and 300 weekly visitors.

    View full project
  • doc-time (under-development).

    DocTime, a SaaS platform designed to bridge the gap between doctors and patients. This platform streamlines various aspects of healthcare management, including doctor discovery, patient record management, appointment scheduling, and automated appointment reminders. Implemented with AWS services such as SNS, SES, EC2 and others.

    View full project
  • 3sp app.

    3SP (Save, Safe, Share Passwords) is a free desktop application where you can encrypt and store your private keys or password. The data you enter are encrypted and saved, it's only decrypted when it is displayed on your screen. The app does not perform any network connection, it works on offline mode. With that being said, no data are sent to a third party. The data are kept inside the application. You can export all your keys on a (.3sp) file. And import it again. This way you can import your keys on another device you own or share some keys with others (common keys with a team for example). However, you must log in with the same password you used to export the keys, otherwise, the file won’t be imported.

    View full project
  • floor editor demo.

    SVG Plan editor demo. It’s a part of a project of Restaurant Manager. The plan editor helps create interactive floor with pre-defined tables. It’s easy to use, because it’s just drag and drop.

    View full project

contact me.

Available for work.

Feel free to reach out through any of the platforms below:

Github logoX (Twitter) LogoLinkedIn Logo

Alternatively, you can reach me via email:

mehdi.jai@proton.me