Khalid is available for hire
Hire KhalidKhalid Rafik
Verified Expert in Engineering
Full-stack Developer
Location
Casablanca, Casablanca-Settat, Morocco
Toptal Member Since
June 7, 2022
Khalid Rafik is a senior software engineer with 8+ years of experience. He is proficient in JavaScript, TypeScript, Node.js, Google Cloud Platform, HTML, CSS, and more. Khalid seamlessly integrates into teams, delivers scalable code, and actively participates in code reviews to ensure high quality and knowledge distribution.
Portfolio
InPerSuit, Inc. (via Toptal)
React, Full-stack, Python, Redux, REST, AWS Lambda, WCAG 2, React Native...
Confluent
React, JavaScript, CSS, Node.js, Gatsby, GraphQL...
Confluent
React, JavaScript, CSS, Node.js, Gatsby, GraphQL...
Experience
Availability
Part-time
Preferred Environment
Google Cloud Platform (GCP), Amazon Web Services (AWS), Azure, Full-stack, Agile, NoSQL, Web Applications, Responsive Web Design (RWD), Express.js, Git, ECMAScript (ES6), Serverless, WCAG 2, SEO Marketing, Front-end Development, Front-end, User Interface (UI), Semantic HTML, Testing, Event-driven Programming, Vanilla JS, Asynchronous Programming, API Development, User Experience (UX)
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
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)
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)
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)
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 (Amazon 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, Adyen Payments
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 (Amazon 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)
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)
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)
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)
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.
Skills
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
Libraries/APIs
Node.js, React, WebExtensions API, REST APIs, Three.js, Vue, Turf.js, Sockets, API Development, D3.js, Stripe, Stripe API, WebGL, Reactor, Vuex, Polymer, ImageMagick, Salesforce API, Typeform.io
Tools
Google Kubernetes Engine (GKE), NGINX, MongoDB Atlas, Terraform, Amazon Elastic Container Service (Amazon ECS), Webpack, JSS, Git, Mongoose, Amazon EKS, Vault, Figma, AWS IAM, AWS Key Management Service (KMS), Amazon Simple Queue Service (SQS), Canvas 2D, Grafana, Helm, GitHub, Adyen Payments, Optimizely
Paradigms
Unit Testing, Agile, E2E Testing, DevOps, REST, Microservices, Responsive Web Design (RWD), HIPAA Compliance, Testing, Event-driven Programming, Asynchronous Programming, Dynamic Programming, ETL
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
Storage
MongoDB, Amazon S3 (AWS S3), PostgreSQL, MySQL, SQLite, MariaDB, NoSQL, Amazon Aurora, IndexedDB, Redis, Amazon DynamoDB, Google Cloud, 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), Heuristics, SEO Tools, Optimization, Distributed Systems, Image Manipulation, Amazon API Gateway, Design, RPC, iPaaS, Message Queues, API Gateways, 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), Adyen
Education
2010 - 2015
Engineer's Degree in Computer Engineering
Cadi Ayyad University | National School of Applied Sciences (ENSA) - Marrakesh, Morocco
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