Skip to content
View hddgpp's full-sized avatar
🎯
Focusing
🎯
Focusing

Block or report hddgpp

Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
hddgpp/README.md
AI-Enhanced User Experience Design

Hi πŸ‘‹, I'm Youssef

Self-Taught Frontend Developer Building Production-Ready Apps

Went from zero to deployed AI applications in 79 days πŸš€


πŸ’» Tech Stack I Actually Use:

JavaScript React TypeScript TailwindCSS HTML5 CSS3 Git Next.js


πŸ› οΈ Tools I Work With:

VS Code Vercel Netlify Figma Canva

I’m not a full-time designer, but I use Figma and Canva to prototype ideas, create assets, and refine UI consistency before coding.


🏒 Featured Projects:

BlackTopCoffe - AI-Powered Cafe Website

β€’ AI menu recommendations that increased customer engagement
β€’ Real business client - deployed and actively used β€’ Tech: React, Context API, AI Integration, Netlify

Chef's Menu - Recipe Generator

β€’ Groq AI API integration with sub-second response times β€’ Modern animations and responsive design β€’ Tech: React, TypeScript, Tailwind, Netlify

Meme-Generator - React Meme Funhouse

β€’ Random Meme Generator – fetches fresh memes from the Imgflip API
β€’ Custom Captions – top & bottom text with live preview
β€’ Font Picker – choose your vibe from multiple fonts
β€’ Download Meme – captures the full meme (image + text) in one click
β€’ Tech Stack: React, Vite, CSS3, html2canvas, Vercel


πŸ“Š GitHub Stats:

GitHub stats GitHub Streak

GitHub Activity Graph

Top Langs Profile Details

🌟 My Approach:

β€’ Rapid Execution: Shipped production apps in under 3 months

β€’ AI Integration: Practical experience with AI-powered features

β€’ Business Mindset: Focus on delivering user value, not just code

β€’ Remote Native: Proven self-management and async communication skills


πŸ’Ό Open to Remote Frontend Roles πŸ“§ youssef.dev.ai@outlook.com

Pinned Loading

  1. blackTopCaffe blackTopCaffe Public

    AI-powered cafΓ© website with smart menu recommendations. Enter your budget and get perfect drink/food combinations suggested by AI. Features real-time filtering and seamless UX. Tech: React, Groq A…

    JavaScript 1

  2. chefs-menus chefs-menus Public

    AI-powered recipe generator that creates custom meals based on ingredients you have. Enter what's in your kitchen and get instant recipe suggestions with cooking instructions. Tech: React, Hugging …

    CSS

  3. Meme-Generator Meme-Generator Public

    A fun, responsive React app that lets users generate memes with custom top/bottom text, pick fonts, and download the final meme β€” all in the browser using the Imgflip API and html2canvas. Perfect f…

    JavaScript

  4. javascript-amazon javascript-amazon Public

    Fully functional Amazon-style shopping cart built with pure JavaScript. Browse products, manage cart, and checkout with persistent storage. All custom logic - not just following tutorials. Tech: Va…

    JavaScript

  5. react-mountains-journal react-mountains-journal Public

    My first React app - a mountain discovery website displaying global peaks with photos, locations, and Google Maps links. Built with reusable components and clean data structure. Tech: React, Compon…

    JavaScript 1