Ralph Khreish
Verified Expert in Engineering
React Developer
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
Experience
- React - 6 years
- PostgreSQL - 5 years
- GraphQL - 5 years
- TypeScript - 5 years
- TypeORM - 3 years
- Express.js - 3 years
- Node.js - 3 years
- MongoDB - 2 years
Availability
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
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.
Full-stack Developer
Colgate-Palmolive
- Developed a scalable portal that helps manage all sales of customer-facing micro sites of Colgate partner companies using a headless Shopify admin platform. Resulting in a 40% increase in user productivity and streamlined site deployment processes.
- Implemented React components using the atomic design methodology, integrated with Storybook, and helped them kickstart a design toolkit.
- Helped team members with sharp code reviews, preventing bugs and helping them to grow based on the best coding practices.
- Integrated Zod validation schema to synchronize front-end and back-end validation of user inputs, improving data integrity by 25% and reducing processing errors in user-submitted content by 50%.
- Implemented authorization and authentication middleware using Okta and Gigya, enhancing application security and reducing unauthorized access incidents by over 90%.
- Crafted a user interface and user experience for a dynamic dashboard using Material UI, which led to a 35% improvement in user engagement and satisfaction ratings, achieved without external design assistance.
- Developed a scalable portal that helps manage all sales of customer-facing micro sites of Colgate partner companies using a headless Shopify admin platform.
- Made an incremental migration of a legacy sales API, which helped integrate the new sales portal we developed.
- Provided consultancy on the best coding practices and decisions based on the client's requirements.
Full-stack SaaS Developer
NU4 Automation
- 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.
Senior Shopify Developer
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).
- Configured the boilerplate environment for the Next.js storefront, including 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.
- Implemented an AWS instance setup, utilizing ECS connected to ECR to pull and run the Docker image.
Front-end Developer
Reparcar
- Developed a back office for vendors to check their analytics, orders, disputes, and other vendor-related marketplace features using 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.
Full-stack Developer
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.
Experience
Axe Post-purchase Upsells | Shopify App
https://apps.shopify.com/axe-post-purchaseUpsell Checkbox | Shopify App
https://apps.shopify.com/axe-check-my-boxI built this app publicly on Twitter in 48 hours.
Also, I worked on ingesting the Shopify subscriptions API to allow products that contain subscriptions to be used as upsells.
Theme Scheduler | Shopify App
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-viteThis project currently has 71+ stars on GitHub, and I maintain and improve it regularly.
Education
Master's Degree in Aerospace Engineering
ESTACA, Engineering School - Paris, France
Bachelor's Degree in Data Science
University of California San Diego - San Diego, California, USA
Bachelor's Degree in Mechanical Engineering
ESTACA, Engineering School - Paris, France
Skills
Libraries/APIs
React, Node.js, Liquid, REST APIs, Shopify API, Chart.js, Vue, Stripe, Backbone.js, React Query, Graphene-Django, OpenAI Assistants API, Ramda, Emotion Library, Passport.js, Zod Schema, Playwright
Tools
DataGrip, Yarn Workspaces, React Apollo, GitHub, Git, MongoDB Atlas, Webpack, Jira, Shopify Plus, Figma, Auth0, JavaScript Testing, Amazon Elastic Container Service (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, Amazon Simple Email Service (SES), Prisma, React Email
Languages
TypeScript, GraphQL, JavaScript, HTML, CSS, CSS3, HTML5, Sass, Liquid Template, Shopify Liquid, SCSS, SQL, Python, TypeScript 2, TypeScript 3, PHP, XML
Frameworks
Express.js, Next.js, Tailwind CSS, Vanilla JS, Yarn, Hapi.js, Cypress, Redux, Material UI, Django, Jest, JSON Web Tokens (JWT), i18next, Symfony
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, HubSpot, Google Cloud Platform (GCP), Vercel, AWS ALB, Contentful
Storage
MySQL, Databases, Relational Databases, Redis, PostgreSQL, Amazon S3 (AWS S3), Redis Cache, Database Management, Elasticsearch, MongoDB, Google Cloud
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 (SPAs), Minimum Viable Product (MVP), Mobile First, Back-end, Responsive Web Apps, Front-end Development, Forms, Web Applications, eCommerce APIs, API Integration, Headless CMS, Lean Project Management, Axios, BullMQ, 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, i18n, Internationalization, Translation, Deployment, Version Control, Payment APIs, Mathematical Analysis, Joi, 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, Cloud Storage, CORS, Authentication, Authorization, SAP, Formidable, Helmet, Zustand, ESLint
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
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring