<div align="center"> <a href="https://portfolioly.app"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://media.portfolioly.app/hero/logo-full-dark.svg"> <source media="(prefers-color-scheme: light)" srcset="https://media.portfolioly.app/hero/logo-full-light.svg"> <img alt="Portfolioly Logo" src="https://media.portfolioly.app/hero/logo-full-light.svg" width="280"> </picture> </a> <h3 align="center">Create a beautiful portfolio in two clicks</h3> Turn your Resume, GitHub, or LinkedIn into a stunning portfolio website with AI. <a href="https://portfolioly.app/">🚀 Create Your Portfolio</a> · <a href="https://github.com/yashrathi-git/portfolioly/issues/new?labels=bug">Report Bug</a> · <a href="https://github.com/yashrathi-git/portfolioly/issues/new?labels=enhancement">Request Feature</a> </div>  <a href="https://portfolioly.app"> <img src="https://media.portfolioly.app/hero/banner-github.jpg" alt="Portfolioly Banner" width="100%"> </a>  <details> <summary>📑 Table of Contents</summary> <ol> <li><a href="#-about-the-project">About The Project</a></li> <li><a href="#-see-what-generated-portfolios-look-like">Generated Portfolio Examples</a></li> <li><a href="#-how-it-works">How It Works</a></li> <li><a href="#-tech-stack">Tech Stack</a></li> <li><a href="#-getting-started">Getting Started</a></li> <li><a href="#-self-host-your-portfolio">Self-Host</a></li> <li><a href="#-architecture">Architecture</a></li> <li><a href="#-contributing">Contributing</a></li> <li><a href="#-acknowledgments">Acknowledgments</a></li> <li><a href="#-license">License</a></li> </ol> </details>

💡 About The Project

Portfolioly transforms your existing professional content into a polished, interactive portfolio. Upload a PDF resume, connect your GitHub, or import from LinkedIn — our AI extracts your experience, projects, and skills, then generates a ready-to-share portfolio.

✨ Key Highlights:

One-click deploy to Vercel — completely free hosting
AI Chat Mode — turns your portfolio into a ChatGPT-like assistant that answers questions about your experience, projects, and skills
No design skills needed. No hours of setup. Just two clicks.

🎨 See What Generated Portfolios Look Like

Traditional Layout

https://github.com/user-attachments/assets/1fb8009f-89f7-44c7-adb0-d36adab90030

Chat Layout

final-chat

<a href="https://www.youtube.com/watch?v=bL3o6-LaU7w"> <img src="https://img.shields.io/badge/🎬_Watch_Full_Demo-Build_&_Deploy_in_1_Minute-FF0000?style=for-the-badge&logoColor=white" alt="Watch Demo Video"> </a>

⚡ How It Works

Upload — Drop your resume PDF, connect GitHub, or import from LinkedIn
AI Magic — Our AI extracts and structures your professional data
Customize — Edit content, choose your theme & layout
Deploy — One-click deploy to Vercel directly from the platform

🛠 Tech Stack

| Layer | Technologies | | -------- | -------------------------------------------------------------------------------------------------------------- | | Frontend | | | Backend | | | AI | Azure AI for data extraction | | Infra | Yarn workspaces monorepo |

🚀 Getting Started

# Clone the repo
git clone https://github.com/yashrathi-git/portfolioly.git

# Install dependencies
yarn install

# Start development
yarn dev:main

See individual README files in /apps and /backend for detailed setup.

🏠 Self-Host Your Portfolio

Easiest way: Use Portfolioly to create your portfolio — once you're done, hit the built-in Deploy to Vercel button and you're live in seconds.

Want full control? Clone the standalone template repo and deploy anywhere:

🏗 Architecture

Yarn workspaces monorepo with shared packages:

portfolioly/
├── apps/
│   ├── main/          # Next.js 15 - Main portfolio builder app
│   └── template/      # Next.js 15 - Standalone template (uses shared packages)
├── packages/
│   ├── schema/             # Zod schemas & TypeScript types
│   ├── template-components/ # React portfolio components (npm published)
│   └── pdf_parser/         # LinkedIn PDF extraction (Python)
└── backend/           # FastAPI + Python 3.11 - AI processing & API

flowchart LR
    subgraph Frontend
        A[apps/main] --> C[packages/schema]
        B[apps/template] --> C
        A --> D[packages/template-components]
        B --> D
    end

    subgraph Backend
        E[FastAPI Backend] --> H[packages/pdf_parser]
    end

    A <--> E
    B <--> E
    E --> F[(Firebase)]
    E --> G[Azure AI]

Shared packages are consumed by both apps and the template app is deployed to Vercel when users click "Deploy":

portfolioly-schema — Zod validation & TypeScript types shared across frontend
portfolioly-template-components — Published to npm, powers the deployed portfolio sites
pdf_parser — Python package for LinkedIn PDF extraction, used by backend

🤝 Contributing

Contributions are what make the open source community amazing! Any contributions you make are greatly appreciated.

Fork the Project
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request

🙏 Acknowledgments

Magic UI — Beautiful animated components that make portfolios shine ✨ The template components were adapted from the Magic UI Portfolio Template and modified for Portfolioly's needs.
Next.js — React framework
Tailwind CSS — Styling
Framer Motion — Animations
Radix UI — Accessible primitives

Portfolioly

Install / Use

README