Ayoub is available for hire
Hire AyoubAyoub Faragi
Verified Expert in Engineering
Full-stack Developer
Khouribga, Béni Mellal-Khenifra, Morocco
Toptal member since September 30, 2022
Bio
Ayoub is a full-stack developer with over five years of experience in front-end development, designing, and building responsive web and mobile applications. He is proficient in the CSS and JavaScript frameworks, including React, React Native, and Node.js, and has extensive knowledge of user experience and user psychology.
Portfolio
Black Crow AI Inc.
Next.js, Vercel, Supabase, Firebase, JavaScript, Stripe API, OpenAI...
Everest Growth Partners
Full-stack, Chatbots, Next.js, TypeScript, JavaScript, APIs...
Optimize Prime A.I. LLC
JavaScript, Node.js, React, TypeScript, Python, Express.js, Amazon Cognito...
Experience
- Front-end - 6 years
- CSS - 5 years
- HTML - 5 years
- JavaScript - 5 years
- Material UI - 4 years
- REST APIs - 3 years
- Full-stack - 3 years
- React - 3 years
Availability
Part-time
Preferred Environment
Windows, Visual Studio Code (VS Code), Figma, MacOS, Adobe Experience Design (XD), NPM, Slack, Jira, ClickUp, JavaScript, Airtable, WeWeb, Xano
The most amazing...
...app I've created was a package tracking app with a management dashboard that increased the company's performance by 150%.
Work Experience
FS NextJS & Vercel Developer
2024 - 2024
Black Crow AI Inc.
- Enhanced the functionality of the external dashboard by implementing new features, resulting in a 20% increase in user engagement within the first month.
- Implemented Google Analytics tracker to monitor user behavior within the dashboard, enabling comprehensive analysis of user interactions and engagement patterns.
- Configured event tracking to capture specific user actions, such as clicks, page views, and interactions with dashboard elements, providing valuable insights for optimization.
Technologies: Next.js, Vercel, Supabase, Firebase, JavaScript, Stripe API, OpenAI, OpenAI GPT-3 API, OpenAI GPT-4 API, Payment Gateways
Full-Stack Developer
2024 - 2024
Everest Growth Partners
- Developed and deployed chatbot interfaces for multiple healthcare technology and technology-enabled services businesses, resulting in a 30% increase in user engagement and a 20% reduction in customer service response times.
- Implemented Next.js and TypeScript to build scalable chatbot applications, achieving a 25% improvement in overall performance compared to previous solutions.
- Leveraged Google Cloud services, including Firebase and Firestore, for real-time data synchronization, user authentication, database management, and scalable infrastructure deployment, improving chatbot responsiveness and security.
Technologies: Full-stack, Chatbots, Next.js, TypeScript, JavaScript, APIs, RESTful Web Services, HTML5, CSS3, Git, Amazon Web Services (AWS), Google Cloud Platform (GCP), Firebase, Python, Java, Artificial Intelligence (AI), Machine Learning, Stripe, Payment APIs, Stripe Checkout, Stripe API, SendGrid, Payment Gateways
Full-stack Developer
2023 - 2023
Optimize Prime A.I. LLC
- Designed and developed the front end for both the landing page and the chatbot application, ensuring responsive design and implementing animations using React and Tailwind CSS.
- Created a robust RESTful API utilizing various AWS services, ensuring seamless data exchange and efficient communication between components.
- Implemented authentication using Cognito, securing user access and enhancing the overall application's security.
- Integrated AWS Simple Email Service (SES) to automate the process of sending confirmation emails, streamlining user interactions, and enhancing user experience.
- Utilized Node.js and Express.js to architect and develop a robust back-end infrastructure, ensuring scalability, reliability, and high performance.
- Collaborated closely with the client to understand their vision and translate it into well-defined back-end requirements, contributing significantly to project success.
Technologies: JavaScript, Node.js, React, TypeScript, Python, Express.js, Amazon Cognito, AWS Elastic Beanstalk, AWS Lambda, Lambda Functions, Tailwind CSS, Amazon Simple Email Service (SES), Figma, MVP Design, Minimum Viable Product (MVP), REST APIs, Full-stack, AWS Amplify, AWS SDK, Jira, API Development, API Integration, Back-end, Framer, Full-stack Development, Back-end Development, AmplifyJS, OpenAI, OpenAI GPT-3 API, OpenAI GPT-4 API
Full-stack Developer
2023 - 2023
Rise Talent Accelerator Limited
- Orchestrated comprehensive discussions covering various project aspects, aligning teams and strategies for optimal outcomes.
- Worked closely with designers to implement their designs effectively across the website, ensuring pixel-perfect implementation for an enhanced user experience.
- Explored multiple front-end technologies, presenting viable options to best align with project objectives and pixel-perfect designs.
- Actively participated in continuous improvements, suggesting and implementing upgrades to elevate the website's performance, reliability, and stability.
Technologies: JavaScript, React, Node.js, HTML, CSS, CTO, Full-stack, Amazon Web Services (AWS), Jira, API Development, API Integration, Back-end, Full-stack Development, Back-end Development
Full-stack React/Node.js Developer
2022 - 2023
Zobrist Software Group Inc
- Implemented TypeScript for clean and maintainable code in the Loyalty web application development.
- Leveraged React expertise to optimize the Loyalty web application, improving its performance and user experience.
- Successfully transformed website styles from SCSS to Tailwind CSS, enhancing the overall design and development process.
- Utilized server-side rendering (SSR) techniques to enhance the Loyalty web application's speed and SEO performance.
- Effectively employed Redux to manage complex state interactions within the Loyalty web application.
- Proficiently utilized Balsamiq to create detailed wireframes for both B2B and B2C eCommerce websites, providing a comprehensive visual representation of the user interface and functionality.
- Employed Jira as a pivotal tool to track and manage work progress, ensuring transparency and efficient project management.
Technologies: React, Node.js, eCommerce, Next.js, Vue, TypeScript, Jira, Server-side Rendering (SSR), Balsamiq, Redux, Tailwind CSS, Docker, Storybook, UI Development, Functional Programming, Full-stack, API Development, API Integration, Back-end, Full-stack Development, Back-end Development
Front-end Developer
2021 - 2022
KAL & ROK GmbH
- Developed a dashboard and mobile application that manages users' parcel tracking.
- Created an automated bill generator within the dashboard, which saves the company from paying €500 per month on a desktop application.
- Developed a dashboard design and mobile application from scratch using Figma.
- Created an automated live support chat, which saves the company 85% of its working process.
- Developed a system that allows the owner to change pieces of information, appointments, photos, and videos within the mobile application from the dashboard.
- Oversaw a deployment process, allowing the company to launch a product on time.
- Submitted the app to the Google Play and Apple stores, allowing the company to target the most used devices in the market.
Technologies: React, React Native, Expo, CSS, Material UI, MUI CSS, REST APIs, Socket.IO, Customer Lifetime Value (CLV), Google Play Console, Figma, Styled-components, Visual Studio Code (VS Code), HTML, Git, Front-end, JSON, React Router, JSX, Web Architecture, HTML5, Online Ordering, APIs, User Interface (UI), User Experience (UX), Pixel Perfect, Video Processing, UX Design, HTML DOM, Single-page Applications (SPAs), Mobile Development, Technical Writing, Android, iOS, Node.js, Vanilla JS, Responsive UI, Chart.js, Accessibility, Leadership, Web Development, JavaScript Libraries, Recharts, Data Visualization, Responsive Web Design (RWD), UI Design, Front-end Development, Express.js, Dashboards, Progressive Web Applications (PWAs), Web Components, Authentication, Sockets, Mobile App Development, Charts, Web Applications, SaaS, JavaScript, Jest, PDF, Camera API, Chatbots, UI Development, Google Play Store, Expo.io, App Store, Functional Programming, Ramda, API Development, API Integration, DigitalOcean, Back-end, SendGrid
Front-end Developer
2021 - 2021
UCOTECH
- Built a web application's front end, enabling the validation of employee tickets by different departments.
- Contributed to the web application design using Figma, which gives the application a smoother user experience (UX).
- Oversaw a deployment process, allowing the company to launch this product on time.
Technologies: React, Material UI, MUI CSS, REST APIs, Formik, Figma, Bitbucket, Visual Studio Code (VS Code), HTML, Slack, Front-end, JSON, React Router, JSX, Web Architecture, HTML5, Online Ordering, APIs, User Interface (UI), User Experience (UX), Pixel Perfect, UX Design, HTML DOM, Single-page Applications (SPAs), Styled-components, Technical Writing, Vanilla JS, Responsive UI, Sass, TypeScript, Accessibility, Web Development, JavaScript Libraries, Chart.js, Recharts, Data Visualization, Responsive Web Design (RWD), UI Design, Front-end Development, Express.js, Dashboards, Progressive Web Applications (PWAs), Web Components, React Redux, Authentication, Sockets, Charts, Redux, Web Applications, SaaS, JavaScript, Jest, PDF, Docker, Storybook, UI Development, Functional Programming, Ramda, API Development, API Integration, DigitalOcean, Back-end, Back-end Development, SendGrid
Front-end Developer
2021 - 2021
Caronae Systems
- Developed a multitude of landing pages based on a designer mockup.
- Developed a translation system to target more users.
- Created responsive design, resulting in growth in landing page visits.
- Deployed the application locally, making it smoother to manage.
Technologies: React, Adobe Experience Design (XD), Material UI, CSS3, Responsive, GitHub, Visual Studio Code (VS Code), HTML, Git, Front-end, React Router, JSX, Web Architecture, HTML5, User Interface (UI), User Experience (UX), Pixel Perfect, REST APIs, UX Design, HTML DOM, Single-page Applications (SPAs), Styled-components, Technical Writing, Multi-language Support, i18n, Vanilla JS, Responsive UI, Sass, Accessibility, Web Development, JavaScript Libraries, Responsive Web Design (RWD), UI Design, Front-end Development, Web Components, SaaS, JavaScript, UI Development
Intern
2020 - 2021
Um6p
- Solo-developed a startup incubator's front end and an accelerator web application using React and MUI.
- Created a responsive, custom user interface (UI) from scratch for the application.
- Developed the back-end structure in collaboration with a team, which allowed me to learn the art of successful teamwork.
Technologies: React, CSS, SCSS, Formik, Responsive, Node.js, JavaScript, HTML, APIs, Visual Studio Code (VS Code), Git, Slack, GitHub, REST APIs, Front-end, JSON, React Router, JSX, Web Architecture, HTML5, User Interface (UI), User Experience (UX), Pixel Perfect, UX Design, HTML DOM, Single-page Applications (SPAs), Styled-components, Technical Writing, Vanilla JS, Responsive UI, Accessibility, Leadership, Web Development, JavaScript Libraries, Data Visualization, Responsive Web Design (RWD), UI Design, Front-end Development, Dashboards, Progressive Web Applications (PWAs), Web Components, React Redux, Authentication, Sockets, Charts, Web Applications, SaaS, Chatbots, UI Development, Full-stack, API Development, API Integration, Back-end, SendGrid
Front-end Developer | Freelance
2018 - 2021
Self-employed
- Built many projects for local clients, including web portals and eCommerce sites, using mainly web technologies like JavaScript, HTML, CSS, PHP, and MySQL.
- Acquired most of the projects through my local environment, which allowed me to grow my network.
- Upgraded my technical skills, delivered high-quality products, and built good relationships with my customers.
Technologies: JavaScript, HTML, CSS, MySQL, PHP, Visual Studio Code (VS Code), Responsive, Front-end, JSON, Webpack, Web Architecture, HTML5, jQuery, SQL, User Interface (UI), User Experience (UX), Pixel Perfect, Video Processing, HTML DOM, Technical Writing, Tailwind CSS, Vanilla JS, Responsive UI, Sass, Accessibility, Web Development, JavaScript Libraries, UI Design, Front-end Development, Web Components, Authentication, Web Applications, Git, Bootstrap, UI Development
Experience
Shipment Tracking Mobile App for KAL & ROK GmbH
A mobile application built in Expo, React Native, Node.js, and MongoDB as a database for both iOS and Android platforms. This is an innovative digital application for the modern dispatch of parcels and shipments focusing on Morocco and Germany. It has a wealth of valuable functions for safe, reliable, and above all, fast dispatches, such as shipment tracking, travel and delivery dates, tours, live chat, notifications, and ratings.
Managment Dashboard for OCP Group
A React-based web application. As a front-end developer, I liaised with a back-end developer to build and deploy the application on time. The application's primary goal is to simplify the validation of employee tickets and use the company's materials in a safe and controlled way.
Camagru
An Instagram-like web application in PHP, HTML, JavaScript, and CSS. It allows users to video edit photos and videos using their webcam and some predefined images. These can be shared with other users.
Education
2017 - 2019
Specialized Technician's Diploma in Computer Science and Programming
Institut Spécialisée de Gestion et D'informatique (ISGI) - Khouribga, Morocco
Certifications
FEBRUARY 2021 - PRESENT
Certified Front-end Engineer
MARCH 2019 - MARCH 2022
42 Senior Degree
1337 Coding School | 42 NETWORK
Skills
Libraries/APIs
React, REST APIs, Camera API, Stripe API, Node.js, React Router, jQuery, React Redux, Sockets, AWS Amplify, API Development, Stripe, AmplifyJS, Formik, Socket.IO, Three.js, Yup, Vue, Chart.js, Recharts, Ramda
Tools
Vim Text Editor, Expo.io, SendGrid, Figma, Expo, GitHub, NPM, JSX, Git, Stripe Checkout, Adobe Experience Design (XD), Bitbucket, Slack, Webpack, Jira, Apache, Balsamiq, Amazon Cognito, Amazon Simple Email Service (SES), AWS SDK
Languages
CSS, HTML, JavaScript, HTML5, C, Bash, PHP, SQL, Sass, TypeScript, SCSS, C#, CSS3, Python, Java
Frameworks
Material UI, React Native, Tailwind CSS, Vanilla JS, MUI CSS, Express.js, Next.js, Redux, Bootstrap, Jest
Paradigms
Web Architecture, HTML DOM, Responsive Web Design (RWD), Responsive, UX Design, Mobile Development, UI Design, Functional Programming
Platforms
Windows, Vercel, Linux, Android, iOS, Firebase, Visual Studio Code (VS Code), Docker, DigitalOcean, Xano, MacOS, Webflow, Amazon Web Services (AWS), AWS Elastic Beanstalk, AWS Lambda, Google Cloud Platform (GCP)
Storage
JSON, MySQL
Other
Front-end, Pixel Perfect, Single-page Applications (SPAs), Responsive UI, Web Development, JavaScript Libraries, Data Visualization, Front-end Development, Web Components, Documentation, Technical Documentation, Authentication, Web Applications, UI Development, Google Play Store, App Store, APIs, Styled-components, Online Ordering, User Interface (UI), User Experience (UX), Technical Writing, Multi-language Support, i18n, Accessibility, Dashboards, Progressive Web Applications (PWAs), Material Design, Mobile App Development, Charts, SaaS, PDF, Storybook, Chatbots, Full-stack, API Integration, Back-end, Full-stack Development, Back-end Development, Artificial Intelligence (AI), Payment APIs, OpenAI, OpenAI GPT-3 API, OpenAI GPT-4 API, Airtable, WeWeb, Payment Gateways, Algorithms, Creative Problem Solving, Customer Lifetime Value (CLV), Google Play Console, Cloning, Video Processing, Leadership, 3D, ClickUp, eCommerce, Server-side Rendering (SSR), Game Development, CTO, Lambda Functions, MVP Design, Minimum Viable Product (MVP), Framer, RESTful Web Services, Machine Learning, Supabase
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