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

Full-stack JavaScript Developer

Location
Giza, El Omraniya, Giza Governorate, Egypt
Toptal Member Since
July 14, 2022

Abdulrahman is a self-taught full-stack developer specializing in JavaScript and the MERN stack. He has over two 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.

Front-endAccessibilityResponsive UIFull-stackWeb DevelopmentWeb App DevelopmentCode ReviewSaaSData VisualizationCloudflareESLintGitHubHTML5CSS3React

Portfolio

SignalFire
React, JavaScript, Next.js, Airtable, Sentry, TypeScript, HTML, HTML5, CSS...
dlivr.io by .NFQ
Google Pub/Sub, Google Cloud Platform (GCP), React, Next.js, HTML, HTML5, CSS3...
Elevate Holdings, Inc
Django, Python, PostgreSQL, Figma, CSS, Django REST Framework, jQuery, HTML...

Experience

React - 3 yearsJavaScript - 3 yearsNode.js - 3 yearsPython - 3 yearsTypeScript - 3 yearsCI/CD Pipelines - 2 yearsNext.js - 2 yearsMongoDB - 1 year

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
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, SSL Certificates, Responsive Web Apps, Code Review, Dashboard Design, Dashboards, Data Visualization, ESLint

Front-end Engineer

2022 - PRESENT
dlivr.io by .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, SSL Certificates, Google Cloud, Google Cloud API, Google APIs, Code Review, ESLint, Progressive Web Applications (PWA), MUI (Material UI), CI/CD Pipelines, Elastic, Elasticsearch, Web Performance Optimization (WPO), Search Engine Optimization (SEO), gRPC

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

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, SSL Certificates, GeoDjango, Geography, Google APIs, Google Cloud, Google Cloud API, Dashboards, Dashboard Design, Data Visualization, ESLint

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

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, SSL Certificates, Code Review, ESLint, Progressive Web Applications (PWA), CI/CD Pipelines, Docker, Web Performance Optimization (WPO), Search Engine Optimization (SEO), Prisma, TypeORM

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)

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, SSL Certificates, Dashboards, Dashboard Design, Data Visualization, Progressive Web Applications (PWA), Web Performance Optimization (WPO), Search Engine Optimization (SEO)

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, SSL Certificates, Dashboards, Dashboard Design, Data Visualization, Progressive Web Applications (PWA), Web Performance Optimization (WPO), Search Engine Optimization (SEO)

Eldababa Portfolio

https://eldababa-portfolio.vercel.app/
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 a 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

https://home-thegoodstore.netlify.app/
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.

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, MUI (Material UI), Django Channels, Flask, GeoDjango, gRPC

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, 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, Figma, Webpack, Rollup, Babel, Git, Postman, NPM, Google Analytics, SendGrid, Create React App, GitLab, Zeplin, MongoDB Atlas, Sentry, Prisma, Bitbucket, Elastic, AWS IAM, React Apollo

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

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

Storage

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

Other

Google Meet, Google Calendar, Chakra UI, Storybook, SaaS, Front-end, SOLID Principles, Accessibility, Performance, Vercel, 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, Code Review, Dashboard Design, Dashboards, Data Visualization, Cloudflare, ESLint, Progressive Web Applications (PWA), SEO Tools, 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, Apollo, Airtable, Geography