MyWork

Check out some of my projects...

Development Showcase
3D Portfolio

3D Portfolio

My ThreeJs Portfolio

- A 3D Portfolio built using ThreeJs - React-three-fiber for the React bindings - Contains 3D models, animations, and more

  • ThreeJs
  • React-three-fiber
  • React
  • motion-framer
  • View Demo
D3 Office

D3 Office

Interactive PDF Generator with D3.js

- Creates up-to-date PDFs and generates on the fly. - Incorporates text, images, charts, and more with drag/drop functionality. - Provide links and QR codes for effortless sharing of generated PDFs

Indoor Mapper

Indoor Mapper

Building 2D and 3D Indoor Maps

- Using Leaflet to render and edit Geojson Data - Using D3 to style the 2D map - Using ThreeJs to render the 3D map - Using vite-plugin-federation to render the maps as Micro FrontEnd Apps

  • D3
  • Leaflet
  • ThreeJs
  • vite-plugin-federation
  • Astro
  • View Demo
Professional Experience
Hoopoe Digital Company

Hoopoe Digital Company

FullStack web developer (2020 --> 2024)

- Handled the security report related to our back-end infrastructure, adhering to OWASP Guideline - Captive Portal Editor App to customize the rendered WiFi apps - Developed Micro Frontend architecture For our SaaS Platform . - Migrated from single tenant to MultiTenant DB Architecture - Created 2D/3D Indoor Maps for Mall of Tanta - Indoor Tracking and positioning for the Indoor Map - Built WhatsApp Bot that helps users to make text/voice orders from nearby restaurants - POS integration with Foodics, GrubTech, and other POS systems - Food Menu App for WiFi users - Docker middleware that helps Wifi users connect to local Kodi server - Helped building Queuing System App for WiFi Users

  • NodeJ
  • React
  • NextJs
  • WebSocket.io
  • ThreeJs
  • MySQL
  • TimeScaleDB
  • Docker
freelance
Health-care

Health-care

NextJs Responsive Website

- Using NextJs as a React framework - Using DaisyUI as a UI library - Using SwiperJs for the sliders

Whizz

Whizz

P-React Responsive Landing Page

- Using P-React to convert Figma design to a website - using tailwindcss for Responsive design - Using SwiperJs for the sliders

Humanizer Pro

Humanizer Pro

AI tool for generating human-like text

- Uses chatGPT to generate human-like text - Backed by Supabase for user authentication - Using Stripe for payment processing

  • NextJs
  • Supabase
  • ChatGPT
  • Stripe
  • Tailwindcss
  • View Demo
Eamaar

Eamaar

DataEntry Website that generates rich PDF reports

- Using NextJs as a React framework - using PdfKit and D3 to generate the PDF reports - Using vercel postgresql database to store the data