Khalid is available for hire

Khalid Rafik

Verified Expert in Engineering

Full-stack Developer

Casablanca, Casablanca-Settat, Morocco

Toptal member since June 7, 2022

Expertise

CSS Full-stack Ajax Cloud Engineering Back-end Developers Front-end UI Development UX Development Chrome Extension Development Serverless JavaScript Linux

Bio

Khalid is a dynamic senior full-stack engineer with over a decade of experience in software architecture and cloud development. Specializing in robust web and distributed applications, he seamlessly integrates into teams. Khalid ensures top-notch standards through rigorous code reviews and has a proven track record of helping companies achieve their goals. He can work as a back-end, front-end, or full-stack developer, delivering high-impact products that serve millions of users each month.

Portfolio

Quantum Computing Inc

Vanilla JS, CSS, HTML, APIs, JavaScript, CSS3, SCSS, Contentful, Netlify...

InPerSuit, Inc. (via Toptal)

React, Full-stack, Python, Redux, REST, AWS Lambda, WCAG 2, React Native...

Confluent

React, JavaScript, CSS, Node.js, Gatsby, GraphQL...

Experience

PostgreSQL - 10 years
Node.js - 10 years
React - 6 years
TypeScript - 5 years
Amazon Web Services (AWS) - 4 years
Google Cloud Platform (GCP) - 4 years
MongoDB Atlas - 2 years
Azure - 1 year

Availability

Full-time

Preferred Environment

Google Cloud Platform (GCP), Amazon Web Services (AWS), Azure, Agile, Web Applications, Serverless, SEO Marketing, User Interface (UI), Semantic HTML, User Experience (UX), Architecture, Ajax, OpenAI GPT-4 API, Full-stack Development, DOM

The most amazing...

...thing for me is collaborating with strong teams, delivering high-quality code on time, and constantly learning and teaching, regardless of the technology used.

Work Experience

Senior Full-stack Web Developer

2023 - 2024

Quantum Computing Inc

Led the development team for the company's new website, enhancing its functionality and user experience to effectively represent the brand and support business goals.
Developed a CI pipeline and compiler to convert documentation from Jupyter Notebooks, Overleaf, and SphinxDocs into beautiful, navigable web pages. This streamlined the process and simplified collaborators' work.
Enhanced and optimized the company's internal routines, streamlining workflows and improving communication. This simplification significantly benefited collaborators, boosting overall efficiency.

Technologies: Vanilla JS, CSS, HTML, APIs, JavaScript, CSS3, SCSS, Contentful, Netlify, Python, Content Management Systems (CMS), Python 3, TypeScript, Jupyter Notebook, React, Next.js, Pandoc, Compiler Design, WebAuth, WebAssembly (Wasm), Architecture, Ajax, Full-stack Development, QA Testing

Full-stack Python/React Developer

2023 - 2023

InPerSuit, Inc. (via Toptal)

Implemented project landing pages by utilizing Next.js and MUI (Material-UI) and prioritizing accessibility and SEO considerations.
Participated in the decision-making process within the team, actively contributing to data structures, databases, and back- and front-end development.
Established and managed continuous integration/continuous deployment (CI/CD) pipelines using GitHub Actions alongside Amazon S3 configuration.
Employed test-driven development (TDD) methodology to ensure the functionality worked as intended. Additionally, I carried out unit, integration, and end-to-end tests as integral parts of the development process.

Technologies: React, Full-stack, Python, Redux, REST, AWS Lambda, WCAG 2, React Native, Serverless, Next.js, Material UI, CI/CD Pipelines, Amazon S3 (AWS S3), TypeScript, User Interface (UI), Semantic HTML, Testing, Event-driven Programming, HIPAA Electronic Data Interchange (EDI), Vanilla JS, Content Management Systems (CMS), Asynchronous Programming, API Development, User Experience (UX), Architecture, Ajax, Full-stack Development, QA Testing

Front-end React Developer

2023 - 2023

Confluent

Engaged in discussions regarding the construction of the page, implement the design and data once they have been approved.
Actively involved in enhancing page SEO and performance.
Actively engaged in reviewing team code and making decisions regarding the structure.

Technologies: React, JavaScript, CSS, Node.js, Gatsby, GraphQL, Marketing Technology (MarTech), Design, Software Architecture, NoSQL, Scalability, CI/CD Pipelines, Netlify, Marketo, Typeform.io, Contentful, Responsive Web Design (RWD), Containerization, Storybook, HIPAA Compliance, Apache Kafka, Git, ECMAScript (ES6), WCAG 2, SEO Marketing, Front-end Development, Front-end, User Interface (UI), Semantic HTML, Testing, Event-driven Programming, HIPAA Electronic Data Interchange (EDI), Vanilla JS, SCSS, Content Management Systems (CMS), Asynchronous Programming, API Development, User Experience (UX), Ajax, QA Testing, Apollo

Front-end React Developer

2022 - 2023

Confluent

Engaged in discussions regarding the construction of the page, implement the design and data once they have been approved.
Identified and resolved thousands of broken links while upgrading legacy data and code.
Developed new UI components and improved existing ones to enhance the user interface.

Technologies: React, JavaScript, CSS, Node.js, Gatsby, GraphQL, Marketing Technology (MarTech), Design, Software Architecture, NoSQL, Scalability, CI/CD Pipelines, Responsive Web Design (RWD), Containerization, Storybook, HIPAA Compliance, Git, ECMAScript (ES6), WCAG 2, SEO Marketing, Front-end Development, Front-end, User Interface (UI), Semantic HTML, Testing, Event-driven Programming, Contentful, HIPAA Electronic Data Interchange (EDI), Vanilla JS, SCSS, Content Management Systems (CMS), Asynchronous Programming, API Development, User Experience (UX), Ajax, QA Testing, Apollo

Full-stack Developer, Cloud and Security Consultant

2022 - 2022

Zenika

Improved the checkout payment service for Innovorder, a Zenika client.
Integrated adyen.com with the Innovorder payment service (a French client of Zenika).
Animated TypeScript and GCP training for the benefit of Zenika customers.

Technologies: Agile, Amazon API Gateway, Amazon EC2, Amazon EKS, Amazon Elastic Container Service (ECS), Amazon S3 (AWS S3), Amazon Web Services (AWS), API Integration, AWS Lambda, AWS IAM, Google Cloud Platform (GCP), Google Cloud Functions, MongoDB, HTML5, CSS3, CSS3 Animation, SVG, SVG Animation, WebGL, Node.js, Kubernetes, TypeScript, Git, GitHub, Salesforce API, Design, Reactor, Software Architecture, NoSQL, REST, Scalability, Microservices, CI/CD Pipelines, JSON Web Tokens (JWT), Back-end, Responsive Web Design (RWD), AngularJS, Containerization, Angular, Redux, Express.js, Electron, Redis, NestJS, Vercel, RPC, Three.js, Unity, ECMAScript (ES6), Vue, Vuetify, Mongoose, Vuex, Serverless, WCAG 2, SEO Marketing, Web3, ETL, iPaaS, Middleware, Message Queues, API Gateways, Authentication, Front-end Development, Front-end, Polymer, User Interface (UI), Semantic HTML, Go, Testing, Amazon Simple Queue Service (SQS), Event-driven Programming, Amazon Aurora, Amazon DynamoDB, Sockets, WebSockets, Vanilla JS, SCSS, Content Management Systems (CMS), Asynchronous Programming, API Development, User Experience (UX), Adyen Payments, Amazon API, Architecture, Ajax, Full-stack Development, Inventory, Inventory Management, POS, Platform Engineering, Google Sheets, QA Testing, DOM, Google Maps API, RabbitMQ, Apollo

Project Lead | Senior Cloud Architect, DevOps, and Full-stack Engineer

2021 - 2022

Salora Technologies

Implemented an infrastructure as code for a multi-regional cloud solution using Kubernetes and Terraform.
Automated testing, security auditing, and deployment using CI/CD pipelines for all application stages.
Implemented security as code using dual TLS certificates and access authorization to isolate services and protect internal communication. This prevented any service vulnerability from escalating and taking over the entire cluster.
Enforced least-privilege and zero-trust security paradigms everywhere.
Configured alerts and monitoring using Prometheus, Elasticsearch, and Grafana.
Refactored the back-end code and data architecture using best practices, reducing the total code by 35% and increasing performance by 3700%.
Reduced the storage space needed for daily availability from around 85 kilobytes to just 288 bytes. It meant a 2418-time reduction and a new storage availability of 6.5 years.

Technologies: Node.js, Kubernetes, Google Kubernetes Engine (GKE), AWS Lambda, Amazon S3 (AWS S3), React, Tailwind CSS, NGINX, Docker, Firebase, Linux, MongoDB Atlas, Cloudflare, Snyk, Grafana, Prometheus, Elasticsearch, Terraform, Amazon EKS, Amazon API Gateway, Vault, Monitoring, Cloud, Visual Studio Code (VS Code), Cloud Computing, MongoDB, SQL, Data Architecture, Data Structures, Heuristics, JavaScript, CSS3, CSS3 Animation, HTML5, SEO Tools, Networking, Optimization, UML, Unit Testing, Integration Testing, Cloud Security, Dynamic Programming, Distributed Systems, TypeScript, Amazon Web Services (AWS), Helm, QR Codes, React Native, HTML, CSS, Full-stack, GraphQL, APIs, Next.js, Figma, REST APIs, Agile, Sass, Containers, API Integration, Stripe, Stripe API, Amazon EC2, AWS IAM, AWS Key Management Service (KMS), Performance Testing, CSS-in-JS, Amazon Elastic Container Service (ECS), Webpack, E2E Testing, Jest, JSS, SMS, DevOps, Design, Software Architecture, NoSQL, REST, Scalability, Microservices, CI/CD Pipelines, JSON Web Tokens (JWT), Back-end, Responsive Web Design (RWD), Containerization, Redux, Express.js, Redis, RPC, Git, ECMAScript (ES6), Vuetify, Mongoose, Serverless, WCAG 2, SEO Marketing, ETL, iPaaS, Middleware, Message Queues, API Gateways, Authentication, Front-end Development, Front-end, Polymer, User Interface (UI), Semantic HTML, Mapbox, Turf.js, Testing, Event-driven Programming, Sockets, WebSockets, Vanilla JS, SCSS, Asynchronous Programming, API Development, Google Cloud, User Experience (UX), Amazon API, Architecture, Ajax, Full-stack Development, Inventory, Inventory Management, Datadog, Google Sheets, QA Testing, Apollo

CTO

2019 - 2021

Coredigix

Reduced costs and ensured 99.999% uptime using Kubernetes on the Google Cloud Platform.
Enforced least-privileged and zero-trust security patterns everywhere.
Fixed major security threats, including cross-site scripting (XSS), cross-site request forgery (CSRF), and database injections.
Used VPN to protect vital services, including Kibana and the admin dashboard.
Refactored the back-end code using good practices and binary algorithms, thus increasing performance by 40%.

Technologies: Cloud, AWS Lambda, Amazon S3 (AWS S3), Google Cloud Platform (GCP), Node.js, MongoDB Atlas, Linux, Kubernetes, Docker, Python, Amazon EKS, Amazon API Gateway, Monitoring, Visual Studio Code (VS Code), Cloud Computing, MongoDB, SQL, Data Architecture, Data Structures, JavaScript, CSS3, CSS3 Animation, HTML5, SEO Tools, Networking, Optimization, UML, Unit Testing, Integration Testing, Cloud Security, Dynamic Programming, Distributed Systems, TypeScript, NGINX, Firebase, Terraform, Amazon Web Services (AWS), Helm, QR Codes, IoT Security, Python 3, PostgreSQL, D3.js, HTML, CSS, Full-stack, GraphQL, APIs, Next.js, PHP, Figma, CSV Export, REST APIs, Three.js, Agile, Sass, Containers, API Integration, Stripe, Stripe API, Amazon EC2, AWS IAM, AWS Key Management Service (KMS), Performance Testing, CSS-in-JS, Webpack, E2E Testing, Jest, DevOps, Design, Software Architecture, NoSQL, REST, Scalability, Microservices, CI/CD Pipelines, JSON Web Tokens (JWT), Back-end, Responsive Web Design (RWD), Containerization, Express.js, Redis, Mapbox, RPC, Unity, Git, ECMAScript (ES6), Mongoose, WCAG 2, SEO Marketing, Middleware, Authentication, Front-end Development, Front-end, User Interface (UI), Semantic HTML, Turf.js, Testing, Event-driven Programming, Internet of Things (IoT), Sockets, WebSockets, Vanilla JS, SCSS, Asynchronous Programming, API Development, Selenium, User Experience (UX), Architecture, Ajax, Full-stack Development, DOM

CTO

2018 - 2019

Laskool

Managed technical developments and assigned tasks to the team members.
Decided on technologies used, data structures, and database indexing strategies.
Contributed to backend and front-end development.
Wrote integration tests, CI/CD pipelines, and deployment scripts.

Technologies: Node.js, MongoDB, WebExtensions API, HTML5, CSS3, CSS3 Animation, SVG, SVG Animation, Image Manipulation, Linux, Python 3, Visual Studio Code (VS Code), SQL, Data Architecture, Data Structures, JavaScript, SEO Tools, Networking, Optimization, UML, Unit Testing, Integration Testing, Dynamic Programming, Distributed Systems, NGINX, Firebase, ImageMagick, Python, Monitoring, D3.js, HTML, CSS, Full-stack, APIs, PHP, REST APIs, Chrome Extensions, Agile, Sass, API Integration, Performance Testing, Webpack, Jest, Design, Software Architecture, NoSQL, REST, Scalability, Microservices, CI/CD Pipelines, Back-end, Responsive Web Design (RWD), Containerization, Express.js, Git, ECMAScript (ES6), WCAG 2, SEO Marketing, Middleware, Authentication, Front-end Development, Front-end, Browser Plugins, User Interface (UI), Semantic HTML, Testing, Event-driven Programming, IndexedDB, Sockets, WebSockets, Vanilla JS, SCSS, Asynchronous Programming, API Development, Selenium, User Experience (UX), Architecture, Ajax, Full-stack Development, DOM

Full-stack Web Engineer

2015 - 2018

Laskool

Contributed to developing a web extension for Chrome, Firefox, Edge, and Opera.
Created a configurable script to read data from any JSON or webpage.
Built a server-side web scraper and page reviewer.
Created a custom crawler to fetch data from websites.
Contributed to database design, data indexing, and query optimization.

Technologies: Node.js, MongoDB, WebExtensions API, HTML5, CSS3, CSS3 Animation, SVG, SVG Animation, Image Manipulation, Linux, Python, Visual Studio Code (VS Code), SQL, Data Architecture, Data Structures, JavaScript, Optimization, UML, Unit Testing, Integration Testing, Distributed Systems, NGINX, Firebase, ImageMagick, Monitoring, Python 3, D3.js, HTML, CSS, Full-stack, APIs, PHP, REST APIs, Chrome Extensions, Agile, Sass, API Integration, Performance Testing, Webpack, Jest, Design, Software Architecture, NoSQL, REST, Scalability, Microservices, CI/CD Pipelines, Back-end, Responsive Web Design (RWD), Containerization, Express.js, Git, ECMAScript (ES6), SEO Marketing, Middleware, Authentication, Front-end Development, Front-end, Browser Plugins, User Interface (UI), Semantic HTML, Testing, Event-driven Programming, IndexedDB, Sockets, WebSockets, Vanilla JS, SCSS, Asynchronous Programming, API Development, Selenium, User Experience (UX), Architecture, Ajax, Full-stack Development, DOM

Experience

Innovorder

https://www.innovorder.com/

Innovorder is an all-encompassing, revolutionary product that redefines the landscape of the food service industry. With its advanced point-of-sale system at its core, Innovorder seamlessly integrates an array of cutting-edge features, empowering restaurants to streamline their operations and elevate the dining experience. Its user-friendly interface ensures swift order processing, efficient inventory management, and seamless payment handling, reducing wait times and errors. Innovorder's mobile ordering capabilities enable customers to conveniently place orders and make payments through their smartphones, while its kitchen management features optimize communication between front-of-house and back-of-house teams. Additionally, the platform fosters customer loyalty with integrated loyalty programs and real-time feedback management, all supported by data-driven analytics for insightful decision-making. Adaptable to restaurants of all sizes, Innovorder emerges as the ultimate solution for enhancing efficiency, customer satisfaction, and competitiveness within the dynamic culinary world.

Confluent Website

https://www.confluent.io/

Confluent.io is a cutting-edge website representing Confluent, a leading data streaming and event-driven architecture company. With an intuitive design, visitors can easily navigate through key sections like "Products," showcasing the Confluent platform built on Apache Kafka; "Solutions," with real-world use cases; "Customers," featuring notable clients; "Pricing," displaying transparent subscription options; and "Resources," offering valuable content for data streaming enthusiasts and professionals. Overall, Confluent.io stands as an informative and inviting hub for real-time data solutions.

Salora

Salora is a high-availability, cloud-based solution for managing staff, resources, and clients in beauty centers and salons. Salora makes it easy and quick to find available beauty and wellness professionals.

Yaresto

Yaresto is a cloud-based restaurant management solution. It takes care of reservations, kitchen inventory, staff management, and customer loyalty programs. Yaresto allows the restaurant to create intuitive and easy-to-use digital menus accessible via QR code and shareable on social media.

Webskan

Webskan is a web scraper that allows users to collect, index, process, organize, and share search results and any online or uploaded data. Webscan makes it easier for multiple users to collaborate and find results faster.

Casky

Casky is a cloud-based IoT solution to keep riders safe and improve their experience. This solution has introduced a small device mounted on the back of the helmet or bike and contains sensors to track user behavior. It will immediately call the emergency whenever an accident is detected. Casky provides users with all collected and stored information, including accident severity. It presents additional features such as direction signals, GPS tracking, map, and driving history.

Education

2010 - 2015

Engineer's Degree in Computer Engineering

Cadi Ayyad University | National School of Applied Sciences (ENSA) - Marrakesh, Morocco

Certifications

OCTOBER 2024 - PRESENT

Node.js Application Developer

The Linux Foundation

Skills

Libraries/APIs

Node.js, React, WebExtensions API, REST APIs, Three.js, Vue, Turf.js, Sockets, API Development, Google Maps API, D3.js, Stripe, Stripe API, WebGL, Reactor, Vuex, Polymer, Amazon API, ImageMagick, Salesforce API, Typeform.io

Tools

Google Kubernetes Engine (GKE), NGINX, MongoDB Atlas, Terraform, Amazon Elastic Container Service (ECS), Webpack, JSS, Git, GitHub, Mongoose, Amazon EKS, Vault, Figma, AWS IAM, AWS Key Management Service (KMS), Amazon Simple Queue Service (SQS), Google Sheets, RabbitMQ, Canvas 2D, Grafana, Helm, Adyen Payments, Optimizely, Pandoc

Languages

SQL, JavaScript, CSS3, HTML5, UML, TypeScript, Python, HTML, CSS, GraphQL, Sass, ECMAScript (ES6), Semantic HTML, SCSS, C++, PHP, Go, Python 3

Frameworks

Tailwind CSS, Next.js, Jest, JSON Web Tokens (JWT), Cypress, Redux, Express.js, Vuetify, Vanilla JS, React Native, NestJS, Unity, Selenium, AngularJS, Angular, Electron, Material UI

Paradigms

Unit Testing, Agile, E2E Testing, DevOps, REST, Microservices, Responsive Web Design (RWD), HIPAA Compliance, Testing, Event-driven Programming, Asynchronous Programming, Dynamic Programming, ETL, Compiler Design

Platforms

Linux, Kubernetes, Docker, Firebase, Google Cloud Platform (GCP), Amazon Web Services (AWS), Visual Studio Code (VS Code), Contentful, Netlify, Mapbox, AWS Lambda, Oracle, Amazon EC2, Vercel, Apache Kafka, Azure, Marketo, Jupyter Notebook

Storage

MongoDB, Amazon S3 (AWS S3), PostgreSQL, MySQL, SQLite, MariaDB, NoSQL, Amazon Aurora, IndexedDB, Redis, Amazon DynamoDB, Google Cloud, Datadog, Elasticsearch

Other

Cloud, Cloud Computing, Cloud Security, Data Architecture, Data Structures, CSS3 Animation, Networking, Integration Testing, SVG, SVG Animation, Monitoring, Full-stack, APIs, CSV Export, Chrome Extensions, Containers, API Integration, Performance Testing, CSS-in-JS, SMS, Software Architecture, Scalability, CI/CD Pipelines, Back-end, Containerization, Storybook, Serverless, WCAG 2, SEO Marketing, Middleware, Authentication, Front-end Development, Front-end, Browser Plugins, User Interface (UI), HIPAA Electronic Data Interchange (EDI), WebSockets, Content Management Systems (CMS), User Experience (UX), Architecture, Ajax, Full-stack Development, Inventory, Inventory Management, QA Testing, DOM, Maps, Apollo, Heuristics, SEO Tools, Optimization, Distributed Systems, Image Manipulation, Amazon API Gateway, Design, RPC, iPaaS, Message Queues, API Gateways, OpenAI GPT-4 API, POS, Platform Engineering, Artificial Intelligence (AI), Canvas 3D, Cloudflare, Snyk, Prometheus, QR Codes, Transmission Control Protocol (TCP), IoT Security, Google Cloud Functions, Gatsby, Marketing Technology (MarTech), Segment, OneTrust, Web Applications, Web3, Internet of Things (IoT), WebAuth, WebAssembly (Wasm), Streaming

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.

Share your needs

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

Choose your talent

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

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