Skip to content

A personal portfolio for developers and designers, built with Next.js and styled with TailwindCSS. It features a clean UI, responsive layout, and sections to showcase projects, experience, and creative skills.

Notifications You must be signed in to change notification settings

ibrahimmemonn/Figma-Portfolio

Repository files navigation

Personal Developer Portfolio 🚀

Site preview

Welcome to my developer portfolio! This project showcases my skills, projects, and experience as a Software Engineer and UI/UX Designer. Built with Next.js, TypeScript, and Tailwind CSS. It not only provides a visually appealing representation of my work but also ensures optimal performance. View the live site.

Features 🎉

The whole portfolio is a React-based single page app built with Next.js in TypeScript, using only statically generated pages.

  • Modern Design: Beautiful, dark-themed UI designed in Figma with purple gradient accents
  • Animated Typing Effect: Dynamic text animation in the hero section that cycles through roles
  • Responsive Layout: Fully responsive design that works seamlessly on all devices
  • Performance Optimized: Built with Next.js 16 for optimal performance and SEO
  • Project Showcase: Featured projects section with detailed descriptions and links
  • Smooth Animations: Engaging user experience with smooth transitions and effects
  • Analytics Integration: Vercel Analytics for tracking website performance

Fonts ✍🏻

This project uses next/font to automatically optimize and load Poppins, a custom Google Font with multiple weights (300-900).

Project images 🖼️

All project images live under public/projects and are referenced in the Projects.tsx component. The assets folder contains all icons, images, and other media files used throughout the portfolio.

✨ Development

git clone git@github.com:ibrahimmemonn/Figma_Portfolio.git

cd Figma_Portfolio/

npm i

npm run dev

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

🚚 Deployment

Every branch or Pull Request is automatically deployed by Vercel with their GitHub integration, where the main branch is automatically aliased to figma-portfolio-ten.vercel.app. A link to a preview deployment will appear under each Pull Request.

🏛 Licenses

© Copyright 2025 Ibrahim Memon

Don't care if you fork & play with it, but you're not allowed to publish anything from it as a whole without my written permission. Also please be aware, the combination of typography, colors & layout makes up my brand identity. So please don't just clone everything, but rather do a remix!


⭐ If you found this project helpful or interesting, please consider giving it a star!

About

A personal portfolio for developers and designers, built with Next.js and styled with TailwindCSS. It features a clean UI, responsive layout, and sections to showcase projects, experience, and creative skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published