Transform your GitHub profile into a beautiful portfolio website. Showcase your repositories, contributions, and achievements in style.
- GitHub Profile Integration: Automatically fetches and displays your GitHub profile data
- Custom Portfolio Generation: Creates a personalized portfolio website
- Responsive Design: Built with a mobile-first approach
- Modern UI: Utilizes Geist font family and modern design principles
- Easy Deployment: Ready to deploy on Vercel
- Node.js (v18 or higher)
- npm, yarn, or pnpm
- Clone the repository:
git clone https://github.com/yourusername/github2portfolio.git
cd github2portfolio- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev- Open http://localhost:3000 with your browser to see the result.
- Next.js - The React framework for production
- TypeScript - For type safety
- Tailwind CSS - For styling
- Geist Font - Typography
- Shadcn UI - UI Components
- Visit the deployed application
- Enter your GitHub username
- Customize your portfolio settings
- Generate and deploy your portfolio
You can customize your portfolio by modifying app/page.tsx. The page auto-updates as you edit the file.
To learn more about the technologies used in this project:
- Next.js Documentation - Learn about Next.js features and API
- Learn Next.js - Interactive Next.js tutorial
The easiest way to deploy your GitHub2Portfolio is using the Vercel Platform.
Check out the Next.js deployment documentation for more details.
Contributions, issues, and feature requests are welcome! Feel free to check issues page.
This project is licensed under the MIT License - see the LICENSE file for details.
Ali Hamza Kamboh
- Website: https://alihamzakamboh.com/
- GitHub: @ahkamboh
- LinkedIn: @ahkamboh