Abdulrahman Khaled Muhammed, Developer in Giza, El Omraniya, Giza Governorate, Egypt
Abdulrahman is available for hire
Hire Abdulrahman

Abdulrahman Khaled Muhammed

Verified Expert  in Engineering

Bio

Abdulrahman is a self-taught full-stack developer specializing in JavaScript and the MERN stack. He has over four years of experience developing scalable, maintainable, and highly available full-stack progressive single-page applications (SPAs) and web applications using the latest, cutting-edge technologies. Abdulrahman enjoys delivering innovative and responsive solutions.

Portfolio

NFQ
Google Pub/Sub, Google Cloud Platform (GCP), React, Next.js, HTML, HTML5, CSS3...
Terra-bate LLC
Next.js, TypeScript, Node.js, Firebase Cloud Functions, Cloud Firestore, Stripe...
Rita Terradas
React, Python, API Integration, JavaScript, Azure, Node.js, Next.js, Flask...

Experience

JavaScript - 4 yearsTypeScript - 4 yearsReact - 4 yearsPython - 3 yearsNode.js - 3 yearsNext.js - 3 yearsCI/CD Pipelines - 2 yearsMongoDB - 2 years

Availability

Part-time

Preferred Environment

Slack, Trello, Jira, GitHub, GitLab, Zoom, Google Meet, Google Calendar

The most amazing...

...thing I've developed is Tom Tailor's new website, resulting in a high traffic volume and new orders after its launch.

Work Experience

Front-end Engineer

2022 - PRESENT
NFQ
  • Contributed to front end for the new demo shop called Commercetools.
  • Wrote a script using Python to automate a time-consuming development task.
  • Collaborated on fast-launch stores that are actually multiple customizable demos for different industries.
  • Created JavaScript SDKs for integrating with different third parties like SendGrid using various technologies, including Google Pub/Sub and REST APIs.
  • Improved the Lighthouse performance score for accessibility, SEO, best practices, and the demo sites' overall performance.
  • Implemented a fully customizable and dynamic search and faceting experience using Algolia.
Technologies: Google Pub/Sub, Google Cloud Platform (GCP), React, Next.js, HTML, HTML5, CSS3, CSS, SCSS, Tailwind CSS, Jest, Unit Testing, Node.js, Slack, Zoom, Google Meet, Netlify, Jira, Jira REST API, Git, GitHub, DigitalOcean, Trello, Figma, Storybook, NPM, Accessibility, Performance, SEO Audits, Best Practices, Design Patterns, Algorithms, Data Structures, SDKs, REST, REST APIs, Sitemaps, TypeScript, JavaScript, SendGrid, Agile, Scrum, Scrumban, Kanban, Python, WebSockets, Responsive UI, Full-stack, Google Calendar, API Integration, Context API, E2E Testing, SaaS, SOLID Principles, Headless Software, Content Management Systems (CMS), APIs, JSON, Technical Documentation, Google SEO, Postman, Web App Development, Integration Testing, Babel, Webpack, Continuous Delivery (CD), Continuous Integration (CI), GitHub Actions, Google API, SMTP, Algolia, Redux, React Redux, Firebase, Responsive Design, Adaptive Design, Responsive Web Apps, SSL Engineering, SSL Certificates, Google Cloud, Google Cloud API, Google APIs, Code Review, ESLint, Progressive Web Applications (PWAs), Material UI, CI/CD Pipelines, Elastic, Elasticsearch, Web Performance Optimization (WPO), Search Engine Optimization (SEO), gRPC, WordPress, Payment APIs, Adyen Payments, Full-stack Development, Architecture, Deployment, Webhooks, HTTPS

NestJS and TypeScript Developer

2024 - 2024
Terra-bate LLC
  • Developed a new ShipEngine integration from scratch for customers to create and purchase shipping labels from the app.
  • Enhanced existing functionalities for Stripe, Firebase, and Plaid and fixed bugs.
  • Architected new functionalities and added new endpoints while using Postman to document them.
  • Debugged and fixed optimization issues with the Amazon EC2 instance that were causing it to crash a lot.
  • Set up CI/CD pipelines using GitHub Actions to automate building, testing, and deployment instead of the manual process.
Technologies: Next.js, TypeScript, Node.js, Firebase Cloud Functions, Cloud Firestore, Stripe, Stripe API, Plaid, Plaid API, Firebase, Amazon Web Services (AWS), Amazon EC2, JavaScript, Postman, API Documentation, CI/CD Pipelines, GitHub Actions

Full-stack Developer

2024 - 2024
Rita Terradas
  • Set up a secure and efficient authentication system using Auth0 and JWT.
  • Built an interactive search feature with a smooth experience.
  • Visualized extensive data in different forms such as charts, hierarchy trees, and tables.
  • Created the user interface and complete integration for a smart chatbot, ensuring a seamless experience.
Technologies: React, Python, API Integration, JavaScript, Azure, Node.js, Next.js, Flask, NGINX, Figma, Tailwind CSS, Jest, Git, GitHub, Vercel, Auth0, Auth0 API, Deployment, Full-stack Development, Architecture, Minimum Viable Product (MVP), Webhooks, HTTPS, OpenAI

Developer

2024 - 2024
VanNoppen Marketing, LLC
  • Created a full audit for the "must implement," "could improve," and "nice to have" points for enhancing SEO.
  • Implemented sitemap indexes, resulting in a better and more efficient long-term sitemap implementation.
  • Added schema markup to the website for an improved user ranking and search experience.
Technologies: Search Engine Optimization (SEO), SEO Tools, Python, Django, Bootstrap, Google Search Console, SEO Audits, Google SEO, Local SEO, Sitemaps, HTTPS

Full-stack Developer

2023 - 2023
Elevate Holdings, Inc
  • Revamped many pages and parts of the application to be more efficient, user-friendly, and visually appealing.
  • Implemented fast and efficient auto-complete search from the ground up using jQuery and REST.
  • Implemented new features in existing pages and added more pages to the application.
  • Refactored code to apply best practices and implemented coding standards and guidelines.
Technologies: Django, Python, PostgreSQL, Figma, CSS, Django REST Framework, jQuery, HTML, HTML5, CSS3, Bitbucket, Trello, jQuery UI, HTTPS

Front-end Engineer

2022 - 2023
SignalFire
  • Enhanced the existing app features and designs and added new ones.
  • Worked with Airtable to fetch data and map it to our data model, representing data in a more simple and visual manner.
  • Added several different charts for data visualization.
  • Recreated a whole new page feature to make it clearer, easier to use, and more reliable.
  • Added error handling and logging to the app using Sentry.
Technologies: React, JavaScript, Next.js, Airtable, Sentry, TypeScript, HTML, HTML5, CSS, CSS3, Tailwind CSS, Node.js, Bootstrap, Vercel, Figma, Zoom, Highcharts, Git, GitHub, REST, Responsive Design, Adaptive Design, SSL Engineering, SSL Certificates, Responsive Web Apps, Code Review, Dashboard Design, Dashboards, Data Visualization, ESLint, Deployment, HTTPS

Full-stack Developer

2022 - 2023
Nuance Languages
  • Automated tasks that the owner had to do manually, which was too time-consuming for him.
  • Added features to the admin portal, including customized sorting and analytics.
  • Introduced interpreter-facing portal features, such as customizing hourly rates for each job type.
  • Created new features for the client-facing portal, including an interactive calendar with appointments and auto-filling data based on previous appointments.
  • Improved the user interface for the client and interpreter portals.
Technologies: Django, Python, MySQL, Heroku, React, APIs, REST, REST APIs, Google Calendar, Git, Google Calendar API, SMTP, Redux, PostgreSQL, PostGIS, API Integration, Databases, HTML, HTML5, CSS3, CSS, Unit Testing, Integration Testing, E2E Testing, Google API, Google Maps, Google Maps API, NPM, JSON, CSV, Full-stack, Redis, SSL Engineering, SSL Certificates, GeoDjango, Geography, Google APIs, Google Cloud, Google Cloud API, Dashboards, Dashboard Design, Data Visualization, ESLint, Deployment, Full-stack Development, Webhooks, HTTPS, GIS

Full-stack Developer

2022 - 2022
Sherly Hartono
  • Tracked and fixed bugs within the React and Flask apps.
  • Fixed lag issues within the app that were preventing it from working in real-time.
  • Hosted the required demo for the React and Flask apps on Amazon EC2.
Technologies: WebRTC, Flask, React, Amazon EC2, Python, Video Players, HTML, HTML5, CSS3, CSS, JavaScript, Video Streaming, Streaming, Amazon Web Services (AWS), Amazon S3 (AWS S3), AWS IAM, HTTPS

Front-end Engineer

2021 - 2022
dlivr.io
  • Developed the eCommerce web application from scratch for Tom Tailor, a well-known brand.
  • Built new components, fixed bugs, and quickly responded to a new feature request.
  • Launched the app with a very high volume of traffic and new orders.
Technologies: JavaScript, TypeScript, React, Redux, Node.js, Sass, BEM, Tailwind CSS, Next.js, HTML, HTML5, CSS, CSS3, Storybook, Babel, Webpack, Rollup, Git, GitHub, Jest, Figma, Jira, Slack, Zoom, Google Meet, Google Calendar, SaaS, REST, Algorithms, Design Patterns, SOLID Principles, Data Structures, Accessibility, Performance, Google SEO, SEO Audits, Best Practices, SCSS, Context API, Netlify, Vercel, Postman, Responsive UI, HTML5 Canvas, Full-stack, Web Development, Web App Development, Continuous Delivery (CD), Continuous Integration (CI), Unit Testing, Integration Testing, E2E Testing, NPM, Yarn, Yup, REST APIs, Technical Documentation, Agile, Scrum, JSON, CSV, Google Analytics, Google Tag Manager, AWS Lambda, API Integration, Microservices, WebSockets, Content Management Systems (CMS), Headless Software, APIs, Sitemaps, React Redux, Responsive Design, Responsive Web Apps, SSL Engineering, SSL Certificates, Code Review, ESLint, Progressive Web Applications (PWAs), CI/CD Pipelines, Docker, Web Performance Optimization (WPO), Search Engine Optimization (SEO), Prisma, TypeORM, Webhooks, HTTPS

Front-end Engineer

2021 - 2021
Tech Hive
  • Fixed bugs and significantly improved an existing project.
  • Contributed to new features and added new pages to the application based on the given designs.
  • Used GraphQL with Apollo Client on the front end to integrate with the back end to fetch and update data.
  • Launched the app, which immediately resulted in a high volume of traffic.
Technologies: JavaScript, TypeScript, React, Chakra UI, HTML, HTML5, CSS, CSS3, REST, GraphQL, Hosting, Git, GitLab, Slack, Zeplin, Trello, Zoom, Front-end, Algorithms, Data Structures, Design Patterns, SOLID Principles, Accessibility, Performance, Google SEO, SEO Audits, Best Practices, Sass, SCSS, Context API, Netlify, Responsive UI, Web Development, Web App Development, NPM, Yarn, JSON, API Integration, WebSockets, REST APIs, APIs, SMTP, Video Players, Apollo, React Apollo, Redux, React Redux, Responsive Design, Responsive Web Apps, Adaptive Design, Code Review, Web Performance Optimization (WPO), Search Engine Optimization (SEO), HTTPS

Full-stack Developer

2020 - 2020
Freelance
  • Created an eCommerce web store for selling spices from scratch.
  • Acted as a full-stack developer while developing an application for a nonprofit organization to memorize the Quran.
  • Built secure and robust APIs and deployed them to Heroku.
Technologies: HTML5, CSS3, JavaScript, Python, Django, React, Django REST Framework, Hosting, Heroku, HTML, CSS, TypeScript, jQuery, Git, GitHub, PostgreSQL, Front-end, Back-end, REST, Algorithms, Data Structures, Design Patterns, SOLID Principles, Accessibility, Performance, Google SEO, SEO Audits, Best Practices, SCSS, Sass, Context API, MySQL, Netlify, SQL, Responsive UI, Full-stack, Databases, Web Development, Web App Development, Continuous Delivery (CD), Continuous Integration (CI), Unit Testing, Integration Testing, E2E Testing, NPM, Yarn, REST APIs, JSON, CSV, API Integration, Headless Software, APIs, SMTP, Video Players, Redux, React Redux, Responsive Design, Responsive Web Apps, Adaptive Design, SSL Engineering, SSL Certificates, Dashboards, Dashboard Design, Data Visualization, Progressive Web Applications (PWAs), Web Performance Optimization (WPO), Search Engine Optimization (SEO), Payment APIs, Full-stack Development, Deployment, Architecture, Stripe, Stripe API, Stripe Payments, Webhooks, HTTPS, Gmail API

Front-end Developer

2020 - 2020
Freelance
  • Developed and delivered websites and web applications with a modern and insightful design.
  • Contributed to the existing websites and web apps by fixing bugs and improving UI/UX.
  • Wrote scripts for migrating products to a merchant center and online shop for a customer using an API.
Technologies: HTML5, CSS3, JavaScript, React, jQuery, HTML, CSS, TypeScript, Sass, Git, GitHub, Front-end, Hosting, Bootstrap, Algorithms, Data Structures, Design Patterns, SOLID Principles, Accessibility, Performance, Google SEO, SEO Audits, Best Practices, SCSS, Context API, Netlify, Responsive UI, Web Development, Web App Development, NPM, Yarn, JSON, REST APIs, APIs, Redux, React Redux, Responsive Design, Responsive Web Apps, Adaptive Design, SSL Engineering, SSL Certificates, Dashboards, Dashboard Design, Data Visualization, Progressive Web Applications (PWAs), Web Performance Optimization (WPO), Search Engine Optimization (SEO), Stripe, Stripe API, Stripe Payments, HTTPS, Gmail API

Eldababa Portfolio

https://eldababa.dev/
A personal portfolio in the form of a web application that I developed as a full-stack developer to showcase my skills and previous projects. It has an insightful UI, good lighthouse scores, and great SEO, being number one on Google. The app also has an admin dashboard where I can manage everything.

Tom Tailor

https://www.tom-tailor.eu/
A Next.js progressive web application built for Tom Tailor, a well-known brand. The app is an eCommerce online shop selling clothes and home equipment. I built it from scratch using Frontastic and launched it, which resulted in a high traffic volume and new orders.

The Good Store - Home

An eCommerce application that serves as a fast-launch store–a demo for customers. I developed that while working as a front-end engineer at Commercetools. I built the front end using React and Next.js and created numerous third-party integrations such as Algolia, Adyen, and Composable commerce using Node.js.

SAL 125

https://sal125.smartsway.com/
SAL 125 is an online application with numerous features that helps users in their life and to focus on their goals. I developed the app using React and contributed to the UI to make it insightful and user-friendly.

Golden Pens

https://musing-archimedes-08b9fb.netlify.app/
A custom multilingual progressive web application that I built from scratch using React on the Frontend and Python/Django on the Backend. You can write or read different stories written by different authors. It has advanced filters to find type exact type of stories you like, and you can save as many stories as you wish for offline usage.

Direct Messages

https://direct-messages.pages.dev/
This is a side project, and it is a Messenger clone. You can chat, send audio records, and attachments, and even have audio and video calls. It has a user-friendly UI built with React and uses WebSocket and WebRTC for real-time communication. The back end is built in Python and Django.

Chat Application

https://suspicious-minsky-967f3d.netlify.app/
A simple real-time chat application that was built using web sockets. I worked as a developer on the project and wrote the app using JavaScript and TypeScript. The app's users could join chats, talk to each other, and send emojis.

Product Configurator - NPM Package

https://www.npmjs.com/package/@dlivr.io/product-configurator
An open source npm package written in TypeScript and built on top of React. It lets you add text boxes and images and freely manipulate them on top of the pictures you provide. For example, to put a logo on a t-shirt you want to buy. It is categorized as a React component library, and it is bug and issues-free as well.

Libraries/APIs

React, jQuery, Node.js, Context API, HTML5 Canvas, REST APIs, React Redux, WebRTC, Sockets, Yup, RxJS, Socket.IO, Asyncio, Highcharts, Passport.js, Facebook API, Auth0 API, Stripe, Stripe API, Gmail API, Plaid API, Jira REST API, Google Calendar API, Google API, Google Maps, Google Maps API, Google APIs, Google Cloud API, jQuery UI

Tools

Slack, Trello, Jira, GitHub, Zoom, Google Meet, Figma, Webpack, Rollup, Babel, Git, Postman, NPM, Google Analytics, SendGrid, Create React App, Adyen Payments, GIS, GitLab, Zeplin, MongoDB Atlas, Sentry, Prisma, Bitbucket, NGINX, Auth0, Plaid, Elastic, AWS IAM, React Apollo

Languages

HTML5, CSS3, JavaScript, Python, TypeScript, Sass, HTML, CSS, SCSS, GraphQL, SQL

Frameworks

Django, Django REST Framework, Redux, Next.js, NestJS, Bootstrap, Express.js, Jest, Yarn, JSON Web Tokens (JWT), Tailwind CSS, Swagger, Material UI, Django Channels, Flask, GeoDjango, gRPC

Paradigms

Hosting, BEM, REST, Design Patterns, Best Practices, Unit Testing, E2E Testing, Agile, Scrum, Kanban, Web Performance Optimization (WPO), Search Engine Optimization (SEO), Continuous Integration (CI), Continuous Delivery (CD), Microservices

Platforms

Vercel, Netlify, Heroku, Algolia, Amazon EC2, Firebase, WordPress, Docker, AWS Lambda, Amazon Web Services (AWS), Google Cloud Platform (GCP), DigitalOcean, Azure

Storage

JSON, MongoDB, PostgreSQL, MySQL, Databases, Redis, Cloud Firestore, Elasticsearch, Amazon S3 (AWS S3), PostGIS, Google Cloud

Other

Google Calendar, Chakra UI, Storybook, SaaS, Front-end, SOLID Principles, Accessibility, Performance, Technical Documentation, Responsive UI, Full-stack, Web Development, Web App Development, Integration Testing, Lint, CSV, Google Tag Manager, API Integration, Content Management Systems (CMS), Headless Software, APIs, Scrumban, SMTP, Video Players, Lottie, Adaptive Design, Responsive Web Apps, Responsive Design, SSL Certificates, SSL Engineering, Code Review, Dashboard Design, Dashboards, Data Visualization, Cloudflare, ESLint, Progressive Web Applications (PWAs), SEO Tools, Architecture, Deployment, Full-stack Development, Minimum Viable Product (MVP), Payment APIs, MERN Stack, Webhooks, HTTPS, API Documentation, Back-end, Algorithms, Data Structures, SEO Audits, Google SEO, CI/CD Pipelines, Open Source, Styled-components, Libraries, Video Streaming, WebSockets, Google Pub/Sub, SDKs, Sitemaps, GitHub Actions, Streaming, TypeORM, Stripe Payments, Firebase Cloud Functions, Apollo, Airtable, Geography, Google Search Console, Local SEO, OpenAI

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