KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #cli #open-source #ai #claude-code #codex #deepseek-harness #dsh-plugin #react #windows #developer-tools

Figma-Portfolio

★ 67 Open GitHub ↗

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.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Personal Developer Portfolio 🚀

[![Site preview](https://raw.githubusercontent.com/ibrahimmemonn/Figma-Portfolio/main/public/assets/thumbnail.png)](https://figma-portfolio-ten.vercel.app/)

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](https://nextjs.org/), [TypeScript](https://www.typescriptlang.org/), and [Tailwind CSS](https://tailwindcss.com). It not only provides a visually appealing representation of my work but also ensures optimal performance. View the [live site](https://figma-portfolio-ten.vercel.app/).

# Features 🎉

The whole [portfolio](https://figma-portfolio-ten.vercel.app/) 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`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load [Poppins](https://fonts.google.com/specimen/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

```bash
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](https://vercel.com/) with their GitHub integration, where the `main` branch is automatically aliased to [figma-portfolio-ten.vercel.app](https://figma-portfolio-ten.vercel.app/). A link to a preview deployment will appear under each Pull Request.

# 🏛 Licenses

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!

Figma-Portfolio

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README