Create a beautiful portfolio in two clicks

📑 Table of Contents

1. About The Project
2. Generated Portfolio Examples
3. How It Works
4. Tech Stack
5. Getting Started
6. Self-Host
7. Architecture
8. Contributing
9. Acknowledgments
10. License

💡 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

traditional.mp4

Chat Layout

⚡ How It Works

1. Upload — Drop your resume PDF, connect GitHub, or import from LinkedIn
2. AI Magic — Our AI extracts and structures your professional data
3. Customize — Edit content, choose your theme & layout
4. 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]

Loading

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.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. 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