Skip to content

yashrajnayak/portfolio-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio Generator (Vanilla JavaScript Version)

A lightweight, dependency-free portfolio generator that creates a minimalist portfolio website using your GitHub and LinkedIn profiles.

Features

  • No Dependencies: Built with pure HTML, CSS, and JavaScript
  • GitHub API Integration: Automatically fetches your repositories and profile information
  • LinkedIn Integration: Includes your professional profile link
  • Responsive Design: Works seamlessly on all devices
  • Dark/Light Theme Toggle: User-controlled theme switching with local storage persistence
  • Modern UI: Clean, professional design with animations and transitions
  • Accessible: Built with ARIA labels and semantic HTML
  • Performance Optimized: Includes API response caching
  • Dynamic Content Loading: Projects are loaded dynamically via GitHub API
  • Easy Deployment: Generate and host your portfolio on GitHub Pages instantly

Quick Start

  1. Enter your LinkedIn Profile URL
  2. Enter your GitHub username
  3. Click "Generate Portfolio"
  4. Download the generated files
  5. Create a new repository named yourusername.github.io
  6. Upload the downloaded files
  7. Enable GitHub Pages in repository settings

Generated Files

Your download will include:

  • index.html: Your portfolio page with semantic HTML
  • styles.css: Modern, responsive styling with dark/light theme support
  • scripts.js: Theme switching and dynamic project loading
  • README.md: Documentation for your portfolio

Features in Detail

Portfolio Page

  • Clean, minimalist design
  • Interactive dark/light theme toggle
  • Dynamic GitHub projects section with loading states
  • SVG icons for social links
  • Smooth animations and transitions
  • Fully responsive layout

Generator

  • Real-time portfolio preview
  • Input validation
  • Loading states and error handling
  • API response caching
  • Accessible form controls

Development

Simply open index.html in your browser to start developing. No build process required!

License

This project is licensed under the MIT License. See the LICENSE file for details.