A modern, elegant developer portfolio website that automatically generates content from GitHub profile data.

• Automatic Content Generation: Analyzes GitHub repositories to intelligently infer projects, technologies, and developer strengths
• Modern Design: Pinterest-inspired grid layout with bold typography and premium visual hierarchy
• Responsive: Fully responsive design that works beautifully on desktop, tablet, and mobile
• Dark Mode: Built-in dark mode support with smooth transitions
• Animated: Smooth animations and interactions using Framer Motion
• TypeScript: Fully typed with TypeScript for better development experience

1. Hero - Bold introduction with profile picture and dynamic tagline
2. About - Auto-generated professional narrative based on GitHub activity
3. Projects - Pinterest-style grid showcasing the most impactful repositories
4. GitHub Activity - Visual dashboard of language distribution and focus areas
5. Contact - Clean contact section with social links

• React - UI library
• TypeScript - Type safety
• TailwindCSS - Styling
• Framer Motion - Animations
• Vite - Build tool
• GitHub API - Data source

npm install

npm run dev

npm run build

npm run preview

The portfolio is configured to analyze the GitHub user visvav. To use your own GitHub profile, update the GITHUB_USERNAME constant in src/services/githubService.ts.

The portfolio uses the GitHub API to:

1. Fetch user profile information

2. Retrieve all repositories

3. Analyze repository languages, topics, and metadata

4. Score and rank projects based on:

   • Stars and forks
   • Recent activity
   • Description quality
   • Topics and tags
   • Project complexity

5. Generate insights including:

   • Language distribution
   • Focus areas
   • Professional tagline
   • Developer narrative

All content is generated automatically without manual configuration.

This project can be deployed to:

• Vercel: vercel deploy
• Netlify: Connect GitHub repository
• GitHub Pages: Use gh-pages branch
• Any static hosting service

MIT