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/Portfolio25README
<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
