Mina Amrouche, Developer in The Hague, Netherlands
Mina is available for hire
Hire Mina

Mina Amrouche

Verified Expert  in Engineering

React Front-end Developer

Location
The Hague, Netherlands
Toptal Member Since
January 13, 2022

Mina is a front-end developer with eight years of experience in web development, passionate about turning ideas into web applications. She specializes in JavaScript and uses React and Vue for smooth, user-friendly experiences. She delivered custom solutions for client needs at Monsieur Biz, Saegus, and UbiOps. Mina manages projects focusing on quality and detail. With a master's in IT and a scrum master certification, she combines technical expertise and collaboration for integrated solutions.

Portfolio

Self-employed
JavaScript, PHP, HTML, CSS, Vite, WordPress, Gravity Forms...
XR-IT
Next.js, Tailwind CSS, React, React Flow, WebSockets, TypeScript
Animax
JavaScript, Vue 3, HTML, CSS, Firebase, Google Cloud, Vite...

Experience

Availability

Part-time

Preferred Environment

MacOS, Visual Studio Code (VS Code)

The most amazing...

...achievement as a developer was building a mobile game using JavaScript, HTML, and CSS only and turning it into a mobile app.

Work Experience

Front-end Developer

2024 - PRESENT
Self-employed
  • Participated in building an intranet for a healthcare company, including online media library management and creation of a sharable collection of media.
  • Made a sidebar menu responsive for all device sizes and types, handled expanding and closing the menu by hovering on the desktop and clicking on mobile for a better user experience.
  • Created a dynamic map with JavaScript and CSS animations, hoverable and clickable elements.
Technologies: JavaScript, PHP, HTML, CSS, Vite, WordPress, Gravity Forms, GreenSock Animation Platform (GSAP)

Front-end Developer

2024 - PRESENT
XR-IT
  • Participated in developing an open-source solution for Spatial Computing with applications in education and research.
  • Created the UI of XR-IT using React Flow to create a diagrammatic interface showing different nodes (representing online machines) connected to create a network of real-time virtual services.
  • Used WebSockets to communicate with the server to allow real-time updates, a crucial point for collaborating in a virtual environment.
Technologies: Next.js, Tailwind CSS, React, React Flow, WebSockets, TypeScript

Lead Developer

2022 - PRESENT
Animax
  • Developed a PWA using Vue and Firebase, crafted with JavaScript, HTML, CSS, and Phaser for the game part, then packaged into iOS and Android mobile apps and deployed on the stores.
  • Built a game that centers on endangered animals. Players scan QR-coded tokens to learn about species and habitats. Collecting animals unlocks mini-games where they clean habitats using strategic planting to restore environments.
  • Employed advanced cache management and performance strategies for fast load times and a smooth, offline-first experience.
Technologies: JavaScript, Vue 3, HTML, CSS, Firebase, Google Cloud, Vite, GreenSock Animation Platform (GSAP), Phaser.io, Progressive Web Applications (PWA), Notion, GitHub, GitHub Actions, Service Workers

Front-end Developer

2022 - 2023
Tennis Platform
  • Acted as a solo front-end developer for an SSR Vue app, collaborating with the Java back-end team and Zeplin designer.
  • Improved functionality and resolved issues for a nationwide tennis platform handling user accounts, court bookings, teams, etc.
  • Refactored the entire front-end architecture into a single maintainable SSR Vue app (previously split into multiple instances of Vue). Improved the code quality and developer experience exponentially.
Technologies: JavaScript, Vuex, Vue, HTML, CSS, Vue Router, Zeplin, Jira

Front-end Developer

2021 - 2021
Wonderkind
  • Worked in a development team to enhance a social media campaign automation platform, cooperating closely with front- and back-end developers and a UI/UX designer.
  • Fixed bugs on existing code and created new features, using Jira for sprint management.
  • Used Figma to collaborate with the designer on a stepped form, a wizard for creating a new social media campaign.
Technologies: Vue, Vuex, Vue Router, HTML, CSS, Jira, Figma, TypeScript

Lead Front-end Developer

2019 - 2021
UbiOps
  • Crafted the entire web interface of the UbiOps platform in six months. Despite the partially developed API, the interface was nonexistent before my initiative. Brought the interface to life by employing React, Redux, and Material UI.
  • Implemented Scrum methodology through Jira, collaborating with the team to structure the team and work processes for optimal efficiency. Constantly envisioned one step ahead to drive continuous improvement of the platform.
  • Demonstrated leadership by recruiting and managing two junior developers after the initial six months. It was a gratifying experience to provide guidance and support, fostering their professional growth.
Technologies: JavaScript, HTML, CSS, React, Redux, Material UI, GitLab, Docker, Docker Compose, Git, Sass, Jira, Balsamiq Mockups, GitHub, Scrum, APIs, Front-end, Sprints, Wireframing, Front-end Development, API Integration, HTML5, React Router, Axios, UI Components, Chart.js, Data Visualization, User Interface (UI), User Experience (UX), Design

Front-end Developer

2020 - 2020
CovidFace
  • Developed a React-based progressive web app quiz game consisting of guessing who the famous person behind a mask was and selecting the correct answer in a multiple-choice question.
  • Employed cache management and performance strategies for fast load times and a smooth, offline-first experience.
  • Collaborated with a UI/UX designer and a back-end developer, exposing an API to get the game data and save user scores.
Technologies: JavaScript, React, Redux, Progressive Web Applications (PWA), APIs

Front-end Developer Consultant

2018 - 2019
Saegus
  • Teamed up to develop two Angular web apps for a large company's data science department, featuring a dataset labeling tool and a showroom for existing models. Collaborated with a data engineer and a UI/UX designer.
  • Spearheaded a project for a prominent energy company involving client communication and timeline estimation. Created reusable React components based on a design system, contributing to developing multiple landing pages for new offers.
  • Enhanced a React app the client utilizes for evaluating and training employees on digital tools through gamification. This collaborative effort involved working closely with developers and a UI/UX designer to maintain and improve the application.
Technologies: React, Node.js, Docker, JavaScript, HTML, CSS, GitHub, Vue, Angular, CSS Grid, Bootstrap, MongoDB, Jira, Scrum, Zeplin, InVision, Git, APIs, Front-end, Sprints, Amazon Web Services (AWS), Front-end Development, API Integration, Full-stack, TypeScript, HTML5, React Router, Axios, UI Components, Chart.js, Figma, User Interface (UI), User Experience (UX), Design, Python

Web Developer

2016 - 2018
Monsieur Biz
  • Created an internal app, facilitating the tracking of the team's monthly working days and streamlining the submission process for validation.
  • Built a comprehensive app for a private company, allowing article posting (WYSIWYG) and event management on a shared calendar. Included front- and back-office components, empowering admins to edit specific front-office data.
  • Contributed to developing and maintaining various Magento websites, including one specializing in the overseas sale of car parts.
Technologies: PHP, Docker, Git, JavaScript, SQL, Magento, Symphony, Redux, React, GitHub, APIs, Front-end, Sprints, HTML, CSS, Front-end Development, API Integration, Full-stack, HTML5, React Router, Axios, UI Components, User Interface (UI), User Experience (UX), Design

Moneybird Extension

https://report.iminait.com/
I am currently developing an extension plugin for Moneybird accounting software to incorporate features that are absent from the original software. This development utilizes the Moneybird public API and OAuth for secure authentication, allowing users to log in directly to their accounts.

The plugin includes a comprehensive overview of all time entries, displaying the amount charged or to be charged to the client. This is achieved by linking the project to a specific product and incorporating status, period, and client filters for enhanced tracking.

Additionally, I've implemented a "Create Invoice" feature. This allows users to select a client and the associated time entries. The system automatically generates an invoice with the correct billing amount and redirects the user to the created invoice on the Moneybird website.

Moreover, I've added an "Update Invoice" feature that enables users to link or unlink time entries from an invoice, offering greater flexibility and accuracy in billing adjustments.

Animax

https://staging.animax.eco/
This mobile-first progressive web app (PWA), developed using Vue and Firebase, promises a stimulating interface and sophisticated functionalities. It is leading the ongoing development of an immersive children's educational game and continuously enhancing the project with advanced features.

KEY FEATURES
• Implementing robust authentication for secure, personalized experiences.
• Engineering uninterrupted gameplay, even in connectivity-challenged scenarios.
• Designing an intuitive admin interface for seamless content management.
• Introducing a captivating merging game mechanic for strategic and exciting learning in JavaScript, HTML, and CSS.
• Infusing dynamic JavaScript animations for an engaging and visually appealing educational environment.
• Crafting an advanced interface for improved user experience.
• Ensuring adaptability on both mobile and tablet devices.
• Generating dedicated apps for broader accessibility.
• Incorporating a QR scanner for interactive educational experiences.
• Implementing continuous updates to keep content fresh and dynamic, fostering ongoing engagement as development progresses.

UbiOps Web Interface Development

https://ubiops.com/
As the sole front-end developer, I engineered the entire web interface for the UbiOps platform within a six-month timeframe. This SaaS platform hosts and runs Python and R models, allowing seamless model deployment. Post model upload, an API endpoint is generated, ready for integration with any application. The project involved close collaboration with the back-end team, utilizing React, Redux, and Material-UI to create an intuitive interface that complemented the partially developed API. Implemented Scrum methodology with Jira to optimize team structure and processes. Beyond the initial phase, I took on the responsibility of hiring and managing two junior developers, contributing to team growth, and fostering a collaborative work environment. This project demonstrates technical expertise, leadership skills, and commitment to continuous improvement in a dynamic development environment.

Angular Apps for Data Scientists

Developed the front end for two apps catering to a team of data scientists at a renowned cosmetic company. The first app facilitated image labeling to train models, while the second served as a showroom for trained algorithms. Collaborated with a data engineer and a UI/UX designer, using Angular for the front end and Flask for the back end. Employed a grid system for design and leveraged reusable components for efficient development, showcasing the ability to streamline processes and enhance collaboration in data-driven projects.

Landing Page Generator

A well-known energy company needed an efficient system to generate landing pages for every new offer. I created a design system in collaboration with designers. Every small piece of a landing page was associated with a reusable component. Every new landing page was created using this library of components and small customizations. This design system reduced the time to create a landing page from two weeks to two days. The generator was a React app.
2015 - 2018

Master's Degree in Computer Programming

Epitech - Paris, France

2013 - 2015

Bachelor's Degree in Mathematics and Computer Science

Aix-Marseille University - Marseille, France

SEPTEMBER 2018 - PRESENT

Professional Scrum Master

Scrum.org

Libraries/APIs

React, Vue, React Router, Node.js, Vuex, Chart.js, Firebase Web SDK, Vue 3, React Flow

Tools

Git, GitLab, GitHub, Jira, Docker Compose, Figma, Zeplin, InVision, Balsamiq Mockups, Notion

Frameworks

Redux, Material UI, Tailwind CSS, Angular, Bootstrap, Next.js, Phaser.io

Languages

JavaScript, HTML, CSS, HTML5, Sass, TypeScript, PHP, SQL, C, C++, Bash, Python

Paradigms

Scrum, Agile

Storage

MongoDB, Google Cloud

Platforms

Docker, Magento, Linux, Amazon Web Services (AWS), GreenSock Animation Platform (GSAP), Firebase, MacOS, Visual Studio Code (VS Code), WordPress

Other

Programming, Front-end, Front-end Development, API Integration, UI Components, APIs, Full-stack, Axios, Symphony, Scrum Master, CSS Grid, Sprints, Wireframing, Social Media Campaigns, Design Systems, Progressive Web Applications (PWA), Vite, Firebase Hosting, Data Visualization, Physics, Mathematics, Computer Science, Algorithms, User Interface (UI), User Experience (UX), Design, GitHub Actions, Service Workers, Vue Router, WebSockets, Gravity Forms, OAuth

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring