Ralph Khreish, Developer in Le Mesnil-le-Roi, France
Ralph is available for hire
Hire Ralph

Ralph Khreish

Verified Expert  in Engineering

React Developer

Location
Le Mesnil-le-Roi, France
Toptal Member Since
October 20, 2022

Ralph is a passionate web developer specializing in eCommerce. He enjoys working in an Agile environment on sophisticated and challenging projects. With his solid background in working with and leading diverse teams, Ralph uses his coding knowledge to solve big problems that can easily be solved with automation so that the rest of the company can focus on their craft.

Portfolio

Club Med
Backbone.js, React, JavaScript, Hapi.js, Joi, REST, Next.js, React Query, Axios...
NÜ4 IT AUTOMATION S DE RL DE CV
JavaScript, Forms, Canvas, Web Applications, Diagrams, User Interface (UI)...
A2 Media
GitHub, TypeScript, React, Shopify, Tailwind CSS, Next.js, GraphQL, Shopify API...

Experience

Availability

Part-time

Preferred Environment

Visual Studio Code (VS Code), DataGrip, Yarn Workspaces, TypeScript, React, Express.js, GraphQL, Next.js

The most amazing...

...apps I've developed are three Shopify apps that ranked among the top 50 in their respective categories and which I built publicly on my Twitter profile.

Work Experience

Full-stack Web Developer

2022 - PRESENT
Club Med
  • Led a team of three in building and maintaining Club Med's content management system (CMS). I also handled the website CMS and the mobile app CMS.
  • Handled communication with 52 marketing teams and 500 active users globally to manage their feature requests and bugs.
  • Monitored Kibana regularly for any bugs and inconsistencies.
  • Managed the CMS with more than a million weekly requests.
Technologies: Backbone.js, React, JavaScript, Hapi.js, Joi, REST, Next.js, React Query, Axios, Elasticsearch, Logstash, Kibana, ELK (Elastic Stack), Visual Studio Code (VS Code), DataGrip, Yarn Workspaces, GraphQL, Databases, Relational Databases, Agile Software Development, Webpack, HTML, CSS, Responsive UI, Tailwind CSS, Cypress, Redux, CSS3, HTML5, Sass, Docker, APIs, Vanilla JS, Full-stack, Web Development, Agile, Leadership, JavaScript Libraries, Architecture, Software Architecture, REST APIs, eCommerce, CircleCI, Server-side Rendering (SSR), Front-end, SQL, GitHub, MERN Stack, Figma, Vue, Minimum Viable Product (MVP), Git, Mobile First, JavaScript Testing, Data Visualization, Back-end, CI/CD Pipelines, Responsive Web Design (RWD), Webhooks, Amazon S3 (AWS S3), Responsive Web Apps, Containerization, Amazon Elastic Container Service (Amazon ECS), Jest, OpenID Connect (OIDC), Microservices, Sentry, Front-end Development, Strapi, Forms, Web Applications, User Interface (UI), User Experience (UX), Bootstrap 5, Full-stack Development, SDKs, eCommerce APIs, JSON Web Tokens (JWT)

Full-stack SaaS Developer via Toptal

2023 - 2024
NÜ4 IT AUTOMATION S DE RL DE CV
  • Created a form template in the front end to make advanced form building quicker.
  • Tracked and developed the project and Gantt using monday.com.
  • Deployed the project using AWS CloudFormation. Created an ECR that is pulled by two Amazon ECS instances (front end and back end).
  • Developed a serverless module to asynchronously generate an AI response of an optimized process based on the user's unoptimized process.
  • Created a user-friendly diagram from the AI response. This diagram was displayed in Mermaid. Also provided a Markdown handbook generated by AI.
  • Engineered a sophisticated prompt for the OpenAI Assistants API so that it would respond in a JSON format containing the Mermaid diagram and the Markdown handbook.
  • Allowed users to print the React display in a PDF format so that they would be able to obtain a digestible format of the AI-generated response.
Technologies: JavaScript, Forms, Canvas, Web Applications, Diagrams, User Interface (UI), User Experience (UX), TypeScript, Amazon Route 53, Amazon Elastic Container Service (Amazon ECS), AWS ALB, Amazon RDS, PostgreSQL, AWS Lambda, Lambda Functions, AWS CloudFormation, Amazon CloudFront CDN, Amazon CloudWatch, Amazon S3 (AWS S3), GitHub Actions, AWS CodeCommit, AWS CodeBuild, AWS CodeDeploy, AWS CodePipeline, Amazon Elastic Container Registry (ECR), Django, Python, GraphQL, GraphQL Code Generator, Graphene-Django, Graphene, Apollo, React Apollo, WebSockets, Pytest, OpenAI, OpenAI GPT-4 API, OpenAI Assistants API, Sentry, Contentful, Serverless, Boto 3, JSON Web Tokens (JWT), Radix UI, Ramda, Tailwind CSS, Monday.com

Senior Shopify Developer

2023 - 2023
A2 Media
  • Turned Shopify into a sophisticated CMS for products, albums, artists, tracklists, etc., allowing teams to customize information using no-code.
  • Communicated with an internal API to generate the credits and track lists of more than 10,000 albums and over 60,000 collaborators.
  • Used Shopify expertise to allow the company to launch in a close-to-impossible timeframe, resulting in revenue generation much quicker.
  • Suggested solutions every step of the way during the soft launch (launch on the Shopify website) as well as during the hard launch (on the Next.js storefront).
  • Set up the boilerplate environment for the Next.js storefront: TypeScript, Storybook, Next.js, Tailwind, ESLint, Prettier, Vercel, GraphQL, and Jest.
  • Set up a custom Shopify app that listens to products created and automatically populates their data using Shopify webhooks and the internal REST API.
  • Set up an AWS instance (ECS connected to an ECR to pull and run the Docker image).
Technologies: GitHub, TypeScript, React, Shopify, Tailwind CSS, Next.js, GraphQL, Shopify API, Versal, Node.js, Queueing Theory, REST APIs, Storybook, Server-side Rendering (SSR), Amazon Web Services (AWS), Single-page Applications (SPA), Figma, Auth0, Minimum Viable Product (MVP), AWS Lambda, Amazon EC2, Amazon RDS, Git, Mobile First, JavaScript Testing, Back-end, Responsive Web Design (RWD), Webhooks, Responsive Web Apps, Containerization, Liquid Template, Amazon Elastic Container Service (Amazon ECS), Vercel, Sentry, Trello, Front-end Development, Web Applications, User Interface (UI), User Experience (UX), Full-stack Development, SDKs, eCommerce APIs

Front-end Developer

2021 - 2022
Reparcar
  • Developed a back office for vendors to check their analytics, orders, disputes, and other vendor-related marketplace features using MUI (Material UI).
  • Tracked bugs and features with a Jira project management tool.
  • Worked in two-week sprints as part of an Agile development team, involving retrospectives to measure what went wrong, what went well, and what we could do to improve, conducting sprint planning meetings to plan and estimate upcoming sprints.
  • Organized workshops to help train the back-end developers in React and TypeScript while working as part of a team of seven developers, two front-end and five back-end developers.
Technologies: TypeScript, TypeScript 2, TypeScript 3, Yarn Workspaces, YARN, Next.js, GraphQL, React, Apollo, React Apollo, Visual Studio Code (VS Code), DataGrip, Databases, Relational Databases, Agile Software Development, Lean Project Management, Webpack, HTML, CSS, Responsive UI, CSS3, HTML5, Sass, Chart.js, Docker, APIs, Jira, Vanilla JS, Web Development, Agile, JavaScript Libraries, PHP, Symfony, Architecture, Software Architecture, REST APIs, eCommerce, Material UI, Server-side Rendering (SSR), Front-end, SQL, GitHub, MERN Stack, Single-page Applications (SPA), MySQL, Git, Mobile First, JavaScript Testing, Data Visualization, Back-end, Responsive Web Design (RWD), Responsive Web Apps, Containerization, Jest, Microservices, Front-end Development, Forms, Web Applications, User Interface (UI), User Experience (UX), Full-stack Development, SDKs, Storybook

Full-stack Developer

2019 - 2021
Stork Marketing
  • Developed a Google Chrome extension that has been downloaded over a thousand times.
  • Led the sprint planning for the project while managing a team of two people.
  • Created a sophisticated technology that takes a paragraph and determines the quality and chance of being well or poorly perceived by any advertising service provider.
Technologies: React, TypeScript 3, TypeScript, TypeScript 2, Redis, PostgreSQL, Visual Studio Code (VS Code), DataGrip, Next.js, Databases, Relational Databases, Agile Software Development, Axios, Webpack, HTML, CSS, Responsive UI, CSS3, HTML5, Sass, APIs, Vanilla JS, Full-stack, Web Development, JavaScript Libraries, Architecture, REST APIs, eCommerce, Front-end, SQL, GitHub, MERN Stack, Single-page Applications (SPA), Chrome Extensions, Git, Back-end, Responsive Web Apps, Front-end Development, Web Applications, User Interface (UI), User Experience (UX), SDKs

Axe Post-purchase Upsells | Shopify App

https://apps.shopify.com/axe-post-purchase
A React and Node.js app for post-purchase upsells on Shopify. I was the front-end developer and coordinated with the back-end developer, using the Shopify API to display a drag-and-drop page builder, an analytics page, and a homepage on the Shopify merchant back-end portal.

Upsell Checkbox | Shopify App

https://apps.shopify.com/axe-check-my-box
A React and Node.js upsell app on Shopify. I was the full-stack developer and used the Shopify API to display a simple yet efficient UI for users to customize their upsells, an analytics page, and a homepage on the Shopify merchant back-end portal.

I built this app publicly on Twitter in 48 hours.

Also worked on ingesting the Shopify subscriptions API to allow products that contain subscriptions to be used as upsells.

Theme Scheduler | Shopify App

A React and Node.js app for theme scheduling on Shopify. I was the full-stack developer and used the Shopify API to display a simple yet efficient UI for users to schedule the publishing of their themes.

Big companies must hire extra staff to publish specific themes on inconvenient days, and my app helped solve that by automating this task.

I built this app in four hours while being live on Twitch.

Shopify App Template

https://github.com/Crunchyman-ralph/shopify-app-node-monorepo-express-vite
A React and Node.js boilerplate code for building a simple and functioning Shopify app out of the box. Shopify highly appreciated and praised the effort.

This project currently has 71+ stars on GitHub, and I maintain and improve it regularly.

Languages

TypeScript, GraphQL, JavaScript, HTML, CSS, CSS3, HTML5, Sass, Liquid Template, SQL, Python, TypeScript 2, TypeScript 3, PHP

Frameworks

Express.js, Next.js, Vanilla JS, YARN, Hapi.js, Tailwind CSS, Cypress, Redux, Material UI, Django, Jest, JSON Web Tokens (JWT), Symfony

Libraries/APIs

React, Node.js, Liquid, REST APIs, Shopify API, Chart.js, Vue, Backbone.js, Graphene-Django, OpenAI Assistants API, Ramda

Tools

DataGrip, Yarn Workspaces, React Apollo, GitHub, Git, MongoDB Atlas, Webpack, Jira, Shopify Plus, Figma, Auth0, JavaScript Testing, Amazon Elastic Container Service (Amazon ECS), Sentry, Trello, Logstash, Kibana, ELK (Elastic Stack), CircleCI, Canvas, AWS CloudFormation, Amazon CloudFront CDN, Amazon CloudWatch, AWS CodeCommit, AWS CodeBuild, AWS CodeDeploy, Amazon Elastic Container Registry (ECR), Graphene, Pytest, Boto 3

Paradigms

REST, Responsive Web Design (RWD), Microservices, UI Design, Web UI Design, UX Design, Agile, Agile Software Development

Platforms

Shopify, Heroku, Visual Studio Code (VS Code), Docker, Amazon Web Services (AWS), AWS Lambda, Amazon EC2, Vercel, AWS ALB, Contentful

Storage

MySQL, Databases, Relational Databases, Redis, PostgreSQL, Amazon S3 (AWS S3), Elasticsearch, MongoDB

Other

Programming, Apollo, TypeORM, APIs, Shopify Theme, Custom Shopify Apps, Shopify Customizations, Full-stack, Web Development, JavaScript Libraries, Architecture, Software Architecture, eCommerce, Server-side Rendering (SSR), Front-end, MERN Stack, Storybook, Single-page Applications (SPA), Minimum Viable Product (MVP), Mobile First, Back-end, Responsive Web Apps, Front-end Development, Forms, Web Applications, eCommerce APIs, Lean Project Management, Axios, Responsive UI, Custom Themes, Leadership, CRM APIs, Chrome Extensions, Amazon RDS, Data Visualization, CI/CD Pipelines, Webhooks, Containerization, OpenID Connect (OIDC), Strapi, User Interface (UI), User Experience (UX), Bootstrap 5, Full-stack Development, SDKs, Mathematical Analysis, Joi, React Query, BullMQ, UI Development, Versal, Queueing Theory, Diagrams, Amazon Route 53, Lambda Functions, GitHub Actions, AWS CodePipeline, GraphQL Code Generator, WebSockets, OpenAI, OpenAI GPT-4 API, Serverless, Radix UI, Monday.com

2019 - 2019

Master's Degree in Aerospace Engineering

ESTACA, Engineering School - Paris, France

2018 - 2018

Bachelor's Degree in Data Science

University of California San Diego - San Diego, California, USA

2014 - 2017

Bachelor's Degree in Mechanical Engineering

ESTACA, Engineering School - Paris, France

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