Projects

A collection of impactful projects crafted with cutting-edge technologies, showcasing my expertise in building innovative solutions.

EPAM Systems

Goody Kitchen Website Proof of Concept (PoC)
Part of EPAM Systems
  • Rebuilt and optimized application architecture using Next.js to enhance performance and scalability.
  • Integrated Contentful CMS to streamline content management and improve user experience.
  • Applied modern development practices to enhance maintainability and reduce technical debt.
  • Migrated distinct detail pages to provide an improved user experience.
  • Implemented secure authentication flows leveraging Auth0.
  • Added features for ratings and reviews to enrich functionality.
  • Ensured compliance with best practices and industry standards throughout development.
JavaScript
TypeScript
React
Next.js
Contentful
Tailwind CSS
GraphQL
Auth0
Goody Kitchen Website
Part of EPAM Systems
  • Revamped UI/UX using Kentico CMS, static site generation and MVC principles.
  • Built responsive features with HTML, Tailwind CSS, TypeScript, React, Storybook and Vite for optimized builds.
  • Delivered a multilingual site with Arabic and English support, including RTL layouts.
  • Implemented a demo application using Next.js and Contentful CMS, replacing the old architecture to enhance SEO, performance and content management.
JavaScript
TypeScript
React
HTML
Tailwind CSS
Storybook
Vite
Static Site Generators
Kentico CMS
ASP.NET
Next.js
Contentful
Figma
Nemedio QMS Application
Part of EPAM Systems
  • Contributed to the development of a multi-tenant SaaS QMS application by implementing end-to-end features using Ruby on Rails for the backend, a GraphQL-based API, PostgreSQL for the database and React with TypeScript for the frontend
  • Learned and executed deployment processes for testing servers to ensure smooth application functionality.
  • Designed and created visual aids to present large datasets, enabling stakeholders to analyze data more effectively.
  • Updated outdated libraries to their latest versions, utilizing new features, improved functionality and enhanced security.
  • Upgraded React and TypeScript versions after five years, resolving errors during the update process.
  • Troubleshot application issues and collaborated with operations teams to ensure timely resolution.
  • Partnered with the product team and graphic designers to develop interfaces that aligned with the product vision and ensured functionality.
JavaScript
TypeScript
React
Material UI
Ruby on Rails
PostgreSQL
Apollo
Snyk
Circle CI
CK Editor
AG Grid
GraphQL
AWS
Figma
Goody Kitchen AR Microsite
Part of EPAM Systems
  • Redesigned and enhanced the mobile-exclusive microsite by implementing modern UI/UX principles to boost engagement and accessibility.
  • Optimized the transition flow between the AR application and the microsite, creating a seamless user experience through efficient state management and smooth animations.
  • Introduced new interactive features tailored for mobile users, leveraging React and TypeScript to ensure scalability and maintainability.
  • Collaborated closely with design and backend teams to deliver a polished solution aligned with product vision and user expectations.
JavaScript
TypeScript
React
Tailwind CSS
Storybook
Webpack
Static Site Generators
Kentico CMS
C#
Figma

WittyCommerce (Emakina Group & EPAM Systems)

Berlin Brands Group Webshops
Part of WittyCommerce (Emakina Group & EPAM Systems)
  • Contributed to the development of a multi-tenant SaaS platform using Nuxt, Vue.js Storefront, Commercetools and Storyblok, launching in Germany and the UK with multi-language, multi-currency and customizable themes.
  • Built and maintained key features like the Product Detail Page (PDP), new CMS components.
  • Customized Commercetools and Storyblok CMS, integrated third-party tools like CuratorIO, Dynamic Yield, Adyen and PayPal and optimized components from the Storefront UI Library.
  • Improved performance, resolved memory leaks and ensured biweekly deployments while introducing new features and functionality.
  • Collaborated with global teams and backend developers under a Scrum methodology, providing documentation and maintaining clean, scalable code throughout the project.
  • Designed and developed a product review management interface using React for internal client use.
JavaScript
TypeScript
Vue.js
Nuxt
Vue Storefront
React
StoryBlok
HTML
CSS
GraphQL
Commercetools
GitHub
Figma
Jira
Tempo for Jira
Confluence
Rivoli Vision & Rivoli Shop
Part of WittyCommerce (Emakina Group & EPAM Systems)
  • Designed and developed a platform for selling prescription and non-prescription glasses, sunglasses, lenses, jewelry, watches and accessories.
  • Implemented a new website design using Vue Storefront infrastructure and integrated the Contentstack CMS.
  • Created checkout pages and integrated Checkout.com payment solutions.
  • Added new features, resolved bugs and enhanced existing pages to improve user experience.
  • Developed and optimized components within the Contentstack CMS to enhance functionality and usability.
  • Developed a platform supporting Arabic and English languages with RTL layout for UAE, Oman, Bahrain and Qatar markets.
  • Improved inherited components from the Storefront UI library to enhance their functionality and adaptability.
  • Collaborated in a Scrum-based environment, adhering to biweekly release cycles for project delivery.
JavaScript
TypeScript
Vue.js
Nuxt
Vue Storefront
HTML
CSS
GraphQL
Contentstack
Commercetools
Jira
BitBucket
Slack
Figma

Monday Hero

Monday Hero
Part of Monday Hero
  • Developed Monday Hero, a platform to convert Figma, AdobeXD and Sketch designs into reusable Swift, Kotlin and Flutter code.
  • Built an Electron application and a React-based website from scratch, demonstrating full-stack development expertise.
  • Involved in writing the code and algorithm to process the design data received from Figma.
  • Created a Figma plugin with UI and authentication flows, available in the Figma store, enabling seamless design transfers to the application.
  • Authored comprehensive internal documentation on Confluence to enhance team knowledge sharing and collaboration.
  • Contributed to the development of the Monday Hero NextJS landing page.
  • Followed Scrum methodology for project management and maintained a weekly release schedule.
JavaScript
TypeScript
React
Redux
Material UI
HTML
ElectronJS
CSS
WebSockets
Swift
Node.js
NestJS
Mongoose
MongoDB
Code Generation
Xcode
Visual Studio Code
Sketch
Jira
GitHub
Figma
Docker
Confluence
BitBucket
Adobe XD

Alternet

Software Intern
Part of Alternet
  • Designed and implemented a WebSocket-enabled note-taking platform with real-time interactive note sharing and customizable features.
  • Built with React, Redux, Node.js, MongoDB and WebSocket, ensuring a responsive and user-friendly experience across devices.
React
Redux
Node.js
MongoDB
WebSocket
JavaScript
HTML
CSS

Undergraduate Thesis Project

Legal Assistance Platform
Part of Undergraduate Thesis Project
  • Designed a platform to connect individuals seeking legal assistance with professionals through role-based membership, friendship mechanisms and notice-sharing.
  • Implemented real-time messaging and notification systems to ensure smooth communication and collaboration between users.
  • Developed a feature-rich interface for creating, sharing and interacting with legal notices, tailored to streamline legal consultations.
JavaScript
React
HTML
Material UI
Node.js
MongoDB
WebSocket