Samir Magdy

Developer. Designer. Problem-Solver.

Projects

YallaShop (Front-end)

YallaShop demonstrates a visually appealing and user-friendly UI/UX design. Product data is fetched from a static JSON file and all logic is handled on the client side. In a real-world application, this would typically involve server-side data fetching from a database for accuracy and security.

Key Features:

  • • Advanced Filtering: Users can browse and filter products by price, categories, sort by name/price and more
  • • Shopping Cart: An interactive sidebadar cart with real-time updates and persistent user data using localStorage
  • • Product Suggestions: Each product page displays suggestions based on the current product category
Next.jsReact.jsTypeScriptTailwindCSS

Space Reflex Game (Front-End)

A client-side, browser-based reaction game where players must click/tap precisely when a cycling button color matches a displayed color. Players have 3 tries to reach and beat the final round.

Key Features:

  • • Audio System: Multi-track sound management with volume controls, and event-triggered SFX
  • • DOM Manipulation: Real-time UI synchronization with conditional visibility based on event-driven game states
  • • Game Progression: Speed intervals decrease throughout rounds, increasing difficulty as players advance
  • • Restart System: Mid-game reset capability maintaining UI state while clearing progress
HTML5CSS3Vanilla JS

Photographer Portfolio (Front-End)

A mobile-optimized, photographer's portfolio website. Features a filterable gallery with around 40 high resolution images stored on the server

Key Features:

  • • Photo-Gallery: Instant category filtering using JavaScript with CSS visibility classes
  • • Deferred Loading: logical loading prioritization for different images resulting in 'faster' perceived performance
  • • Device-Specific UX: Animation hints for touch/swipe support and hover detection disabled on mobile
  • • Responsive Design: use of CSS media queries and conditional hero section display for desktop/mobile
HTML5CSS3Vanilla JSBootstrap5GLightbox

Skills

  • Next.js

  • React.js

  • Node.js

  • TypeScript

  • Laravel

  • PHP

  • MongoDB

  • MySQL

  • TailwindCSS

  • Git/Github

Get In Touch

I'm always open to discussing new projects, creative ideas, or opportunities. Currently available for full-time positions and select freelance projects that align with my expertise.

2025 Samir Magdy