AbduR Rahman | High-Performance Full-Stack Portfolio

A professional showcase of full-stack engineering, focused on creative WebGL physics, scalable PERN architectures, and high-end UI/UX.

🚀 The Tech Stack

Layer	Technologies
Frontend	React 19, Vite, Tailwind CSS
Backend	Node.js, Express.js
Database	PostgreSQL
UI/UX & Physics	Framer Motion, Three.js (@react-three/fiber), Lucide Icons, Shadcn UI

⚙️ Core Features & Engineering Challenges

• Antigravity Physics Engine: Engineered a custom-optimized particle system utilizing React Three Fiber. Achieved frame-rate independent timing via global state.clock syncing and eradicated mobile-jitter layout thrashing by enforcing robust innerHeight logic.
• Bento Grid Architecture: Architected a fully responsive, asymmetrical project gallery. Designed specifically for high-density information display while maintaining aesthetic equilibrium across all device breakpoints.
• Production-Grade Polish:
  • 100/100 Lighthouse Verification: Fully optimized Open Graph (OG) SEO metadata and WCAG-compliant ARIA accessibility targeting.
  • Dependency Deduplication: Implemented aggressive overrides and Vite resolve.dedupe protocols to force Three.js into a strict singleton evaluation, eliminating WebGL engine context collisions.

💻 Featured Projects

1. Full-Stack Cookie Store

An end-to-end e-commerce platform demonstrating secure backend integration. Features robust PostgreSQL database modeling, API route abstraction, and secure client-side state management for cart and checkout operations.

2. Classic Simon Game

A rigorous logic-driven interactive memory game. Built to demonstrate advanced DOM manipulation, complex event-driven architecture, and strict asynchronous sequence validation entirely in vanilla web environments.

3. Simple Node Blog

A server-side rendered application focused on scalable MVC architecture. Demonstrates fundamental RESTful API design, rapid backend routing via Express, and dynamic view generation.

🏗️ Installation & Usage

To spin up a local instance of the portfolio engine:

# 1. Clone the repository
git clone https://github.com/Abdur-Rahman10/Portfolio.git

# 2. Install absolute dependencies
npm install

# 3. Spin up the development server
npm run dev

# 4. Compile the hardware-accelerated production build
npm run build

🌌 Beyond Code

I am currently open for new opportunities or a quick chat about web development, engineering, and tech.

• GitHub: github.com/Abdur-Rahman10
• LinkedIn: linkedin.com/in/abdur-rahman-r5722/
• Email: abdurrahman.2003.1030@gmail.com

---

Architected and engineered with precision.