SkillAgentSearch skills...

Portfolio25

Portfolio25 is an interactive portfolio built with Next.js, React.js, Three.js, Framer Motion, and TypeScript. It features a dynamic hero, 3D elements, canvas effects, and a fully responsive design showcasing work experience and testimonials.

Install / Use

/learn @Black4315/Portfolio25
About this skill

Quality Score

0/100

Category

Design

Supported Platforms

Universal

README

<div align="center"> <br /> <a href="https://portfolio25-one.vercel.app" target="_blank"> <img src="./public/portfolio_for_github.png" alt="Portfolio25 Snapshot" /> </a> <br /> <div> <img src="https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white" /> <img src="https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB" /> <img src="https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white" /> <img src="https://img.shields.io/badge/Three.js-000000?style=for-the-badge&logo=three.js&logoColor=white" /> <img src="https://img.shields.io/badge/Framer_Motion-0055FF?style=for-the-badge&logo=framer&logoColor=white" /> </div> <h3 align="center">Portfolio25</h3> <div align="center"> A polished, interactive portfolio website built to showcase my professional journey in 2025. Developed using modern frameworks and crafted with a focus on precision, animation, and responsive design. </div> </div>

Overview

Portfolio25 was created on April 8, 2025, as a showcase of my development skills and creative vision. It blends motion, interactivity, and clarity through a thoughtful user experience.


Features

  • Hero Section: A spotlight introduction with animated background, built to leave a strong first impression
  • Bento Grid: Structured layout using advanced CSS to present personal highlights
  • 3D Elements: Interactive GitHub-style globe and dynamic hover effects for a tactile experience
  • Testimonials: Animated section to display social proof and professional endorsements
  • Work Experience: Timeline and content tailored to establish credibility
  • Canvas Visuals: A creative, animated canvas effect in the "Approaches" section
  • Skills Display: Responsive skill grid with a smooth lamp-hover animation
  • Fully Responsive: Optimized for all devices and screen sizes

Tech Stack

Live Preview View Portfolio25


Get in Touch

I’m available for freelance work and open to collaborations.

Contact: yahialord4315@gmail.com
Portfolio: https://portfolio25-one.vercel.app


License

MIT License © 2025 Yahia Badr

View on GitHub
GitHub Stars12
CategoryDesign
Updated1mo ago
Forks4

Languages

TypeScript

Security Score

90/100

Audited on Feb 11, 2026

No findings