Skip to content
View abdelrahman-samy-dev's full-sized avatar
2 followers · 1 following

Block or report abdelrahman-samy-dev

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

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

Report abuse
abdelrahman-samy-dev/README.md
Logo

Abdelrahman Samy | Frontend Developer

Crafting Modern, High-Performance Web Experiences with Pixel-Perfect Attention to Detail

Live Demo LinkedIn


🌟 Overview

Welcome to my interactive 3D portfolio! I am a passionate Frontend Developer currently working at VClasses (LMS Platform). I specialize in building responsive, scalable, and visually stunning web applications using modern web technologies like React, Next.js, TypeScript, and Three.js.

This portfolio itself is a testament to my skills, featuring immersive 3D graphics, smooth animations, and a clean, user-centric design.

πŸš€ Featured Projects

Here are some of the standout projects I've built.

πŸ•Œ Taratil (ΨͺΨ±Ψ§ΨͺΩŠΩ„) - Islamic PWA

A comprehensive Progressive Web App for Quran reading with HD pages, smart audio sync engine, daily reading tracker, premium Azkar with haptic feedback, and full offline support.

πŸ›οΈ ShiftSouq - Premium E-Commerce

A premium fashion & lifestyle e-commerce store featuring category browsing, product pages, wishlist & cart functionality, user authentication, and a polished modern dark-themed UI.

  • Tech Stack: React, TypeScript, Tailwind CSS, Redux
  • Links: Live Demo & Code available in portfolio

πŸ›’ Amazon Clone E-Commerce

Full-featured e-commerce platform clone built to demonstrate complex state management, API integration, and cart functionality.

  • Tech Stack: React, Next.js, Redux, Tailwind CSS

πŸ› οΈ Tech Stack & Skills

  • Core: HTML5, CSS3, JavaScript (ES6+), TypeScript
  • Frameworks & Libraries: React.js, Next.js, Redux Toolkit, Tailwind CSS, Framer Motion
  • 3D & Graphics: Three.js, React Three Fiber, GSAP
  • Tools: Git, GitHub, Figma, Vite, npm/yarn

✨ Key Features of This Portfolio

  • Interactive 3D Elements: Custom 3D computer model and floating skill spheres built with @react-three/fiber and @react-three/drei.
  • Modern UI/UX: Glassmorphism components, gradient text, and parallax scroll effects powered by framer-motion.
  • Fully Responsive: Carefully crafted breakpoints ensuring a seamless experience across Mobile, Tablet, and Desktop.
  • Performance Optimized: Lazy loading for heavy 3D assets to maintain excellent Core Web Vitals.
  • Working Contact Form: Integrated with EmailJS for direct messaging.

πŸ“‚ Project Structure

src/
β”œβ”€β”€ assets/        # Images, 3D models (GLTF), and SVGs
β”œβ”€β”€ components/    # Reusable UI components
β”‚   β”œβ”€β”€ canvas/    # Three.js 3D models (Computers, Earth, Balls, Stars)
β”‚   β”œβ”€β”€ layout/    # Navbar and structural elements
β”‚   └── sections/  # Page sections (Hero, About, Works, Contact, etc.)
β”œβ”€β”€ constants/     # Static data (Projects, Skills, Experience text)
β”œβ”€β”€ hoc/           # Higher Order Components for section wrappers
└── utils/         # Helper functions and motion variants

πŸ’» Installation & Local Setup

Want to run this portfolio locally? Follow these steps:

# 1. Clone the repository
git clone https://github.com/abdelrahman-samy-dev/abdelrahman-samy-dev.git

# 2. Navigate to the project directory
cd abdelrahman-samy-dev

# 3. Install dependencies
npm install

# 4. Start the development server
npm run dev

Visit http://localhost:5173 (or the port provided by Vite) in your browser.

πŸ“« Let's Connect

I'm always open to discussing new opportunities, creative projects, or collaborations.

Crafted with ❀️ and Code by Abdelrahman Samy

Β© 2026 Abdelrahman Samy Ali. All rights reserved.

Popular repositories Loading

  1. modern-panel modern-panel Public

    A modern, responsive admin dashboard template built with pure HTML5 & CSS3. Clean UI design with sidebar navigation, statistics cards, and mobile-first responsive layout. Perfect for admin panels, …

    HTML 3

  2. html-css-clean-template html-css-clean-template Public

    A clean and modern responsive website template built with HTML5 and CSS3. Features multiple sections, semantic markup, and modern design practices. Perfect for portfolios, small businesses, or lear…

    HTML 2 1

  3. amazon-clone amazon-clone Public

    A full-featured Amazon-style e-commerce app built with Next.js 13, TypeScript, Redux Toolkit, Tailwind, NextAuth, and Stripe β€” auth, cart, checkout, and responsive UI.

    TypeScript 1 2

  4. taratil-quran taratil-quran Public

    Taratil is a premium Islamic Progressive Web App (PWA) featuring a Mushaf Image Reader, smart Quran audio-text synchronization engine, Azkar system, Tafsir, and daily Werd tracking β€” built with pur…

    JavaScript 1

  5. leon leon Public

    Professional and elegant web template for creative agencies and startups with responsive design

    HTML

  6. kasper kasper Public

    A modern responsive template for creative portfolios and digital agencies.

    CSS 1