Overview.
Frontend Developer with strong experience in modern JavaScript frameworks, especially React and Next.js, focused on building fast, scalable, and accessible web applications. Proficient in TypeScript and component-driven architecture, with a solid understanding of state management using Redux Toolkit. Skilled in crafting responsive UIs using Tailwind CSS, Bootstrap, Material UI, PrimeReact, Shadcn UI and other design systems. Experienced in integrating and consuming RESTful APIs using Axios, and working with headless CMS platforms like Strapi. Holds a degree in Computing and Data Science from Alexandria University.
React Developer
Javascript Developer
What I have done so far
Work Experience.
Frontend Developer
GeekyAir
- Experienced in building scalable and reliable web applications with Next.js and React.js (JavaScript and TypeScript). Proficient in developing interactive user interfaces using Tailwind CSS, PrimeReact, Material UI, and Shadcn UI, resulting in responsive and aesthetically pleasing designs.
- Experienced in managing complex forms with React Hook Form and Formik. Proficient in integrating RESTful APIs, enabling seamless communication between frontend and backend, and ensuring efficient data handling and user interactions.
- Capable of collaborating closely with backend teams to achieve seamless integration and optimal functionality. Strong knowledge of modern web development techniques, tools, and frameworks. Dedicated to writing clean, maintainable code, adhering to UI/UX best practices, and enhancing both performance and user satisfaction.
Frontend Software Developer
ComplyMarket
- Contributed to front-end development tasks across the company’s internal tools and client-facing compliance products, focusing on clean and maintainable code.
- Crafted responsive, accessible, and visually appealing UIs using React.js, Next.js, TypeScript, Tailwind CSS, and Shadcn UI, maintaining visual consistency across products such as ComplyDoc and ComplyIntelligent.
- Partnered with backend engineers and compliance specialists to ensure secure data flow, seamless integration, and GDPR-compliant operations, while maintaining confidentiality and IP agreements.
Frontend Developer
Alexandria Bibliotheca
- Data science skills, ICT concepts (Digital Projects, BA-HPC), digital documentation, web design, public speaking, testing mindset, tools & techniques, and website performance
- Enhancing technology skills, improving digital platforms, and developing effective communication and presentation abilities.
Web Developer
App Soft Co.
- Worked and trainning in Web design and Web load testing, performance evaluation, web loading impact, security testing mindset, tools & techniques for web testing and optimization.
- Utilized web load testing tools (e.g., JMeter, Taurus, Locust) to assess and optimize website performance. Covered testing criteria, tool usage, and result analysis for site and application evaluation.
- Load testing procedures are performed to evaluate the performance of the website under high traffic conditions. Analyze results to improve website responsiveness and scalability.
My work
Projects.
Following projects showcases my skills and experience through real-world examples of my work. Each project is briefly described with links to code repositories and live demos in it. It reflects my ability to solve complex problems, work with different technologies, and manage projects effectively.
AutoFilliate
Developed a modern, responsive landing page for a B2B SaaS product using Next.js, TypeScript, Tailwind CSS, and Framer Motion, targeting creator and affiliate program managers. Showcased key product f...
#next.js
#typescript
#tailwindcss
#framer-motion
SkyPass Caribbean
SkyPass Caribbean is a SaaS-based platform enabling users to book airport fast pass and transfer services like Arrival/Departure Fast Pass and SUV/VAN Transfers. Built with React, TypeScript, PrimeRea...
#react
#vite
#typescript
#primereact
#tailwindcss
Island Wide Palm Trees
The Palm Tree Management System is a streamlined solution for palm tree maintenance businesses, covering customer management, service scheduling, field documentation, and payment tracking. It supports...
#react
#javascript
#primereact
#tailwindcss
Compliance Management Platform
SkyPass Caribbean is a SaaS-based platform enabling users to book airport fast pass and transfer services like Arrival/Departure Fast Pass and SUV/VAN Transfers. Built with React, TypeScript, PrimeRea...
#react
#nextjs
#vite
#typescript
#shadcn ui
#tailwindcss
Elimr Store
Elimr Store offers a streamlined e-commerce experience with product browsing, detailed pages, and a responsive shopping cart. Users can create accounts, manage profiles, view order history, add favori...
#react
#vite
#typescript
#shadcn ui
#tailwindcss
#node.js
#mongodb
E-Commerce
This full-stack e-commerce project is developed using React and TypeScript, integrating technologies like Chakra UI, Redux Toolkit, Formik, and React Router for seamless user interactions and efficien...
#react
#vite
#typescript
#chakraUI
#strapi
#tailwindcss
To-Do List
The Fullstack Next.js Todo App seamlessly integrates a frontend and backend using Next.js, React, Prisma, Clerk Authentication, and TypeScript. Users can easily manage todos with features like adding,...
#next.js
#react
#typescript
#shadcnUI
#tailwindcss
#mongodb
#prisma
To-Do List React App
The Fullstack Todo List is an efficient and modern application for managing tasks, crafted with React, TypeScript, and Tailwind CSS. It offers seamless task creation, editing, and deletion, backed by ...
#react
#vite
#typescript
#headlessUI
#tailwindcss
#strapi
Vscode Clone
The VSCode Clone project is a Redux Toolkit-driven endeavor, meticulously recreating the familiar Visual Studio Code interface. Seamlessly open files through the file tree, manage tabs with syntax-hig...
#react
#vite
#typescript
#tailwindcss
Shopping Cart
The Shopping Cart, optimized with Redux Toolkit, ensures a smooth shopping journey. Effortlessly add and manage items with actions like viewing, updating quantities, and removing. Experience streamlin...
#react
#vite
#tailwindcss
#typescript
Product Cards
Product Cards is a dynamic and intuitive React application designed for streamlined inventory management. Developed with Vite, TypeScript, and Tailwind CSS, it offers users a fluid experience in addin...
#react
#vite
#typescript
#headlessUI
#tailwindcss
Social Web App
The Social Web App is a responsive platform developed with HTML, CSS (Bootstrap), and JavaScript, allowing users to log in, register, create posts, and view profiles. Axios is employed for smooth serv...
#html
#bootstrap
#javascript
Kasper
The Kasper Art Studio Template is a dynamic HTML, CSS, and JavaScript project tailored for artistic showcases. Boasting a responsive design, it features animated sections for landing, services, portfo...
#html
#css
#javascript
Quiz App
The Quiz App is an engaging platform that challenges users with diverse topics through multiple-choice questions. Accessible via a web browser, participants select the correct answers and submit them ...
#html
#css
#javascript
Business
The Multi-Purpose Business Template is a dynamic HTML, CSS, and JavaScript project tailored for versatile businesses. Notable features include engaging Swiper slides in the Testimonials section, creat...
#html
#css
#javascript
Hangman Game
The Hangman Game is a classic word-guessing challenge where players aim to unveil a hidden word by guessing letters. Accessible through a web browser, the game randomly selects a word from various cat...
#html
#css
#javascript
Agency
The Special Design template offers a dynamic HTML, CSS, and JavaScript solution for creative agencies. With its modern design and various sections like About Us, Our Skills, Gallery, and Testimonials,...
#html
#css
#javascript
Typing Speed Test Game
The Typing Speed Test Game is a web-based challenge designed to elevate your typing skills. Offering various difficulty levels, including Easy, Normal, and Hard, the game prompts players to type displ...
#html
#css
#javascript
Memory Game
The Memory Game is a simple and engaging challenge where players match pairs of images related to various technologies. To play, users click the 'Start Game' button, enter their name when prompted, an...
#html
#css
#javascript
Guess The Word
It is a word guessing game. You have a number of attempts to guess this word correctly, and if you fail in all of them, you will lose.
#html
#css
#javascript
Dashboard
The Project Dashboard was crafted using HTML and CSS, employing their capabilities to structure and style the interface. This dashboard consists of eight individual pages, each created as separate fil...
#html
#css
Leon
Landing Page
#html
#css
My Technology Stack
Skills & Tools
Next.js
React
JavaScript
TypeScript
HTML5
CSS3
Bootstrap
Tailwind CSS
Material UI
Headless UI
Chakra UI
Shadcn UI
PrimeReact
Redux Toolkit
Strapi
MongoDB
Prisma
Figma
Git
Github