Neon Developer Portfolio Template

A sleek, matrix-themed developer portfolio that dynamically fetches your GitHub profile data, including your specialized "Profile README" and public repositories.

🚀 Features

• Dynamic Fetching: Uses the GitHub API to pull your bio, avatar, and latest projects.
• Profile README Integration: Automatically renders your GitHub profile README (username/username) with support for GitHub-style alerts (Note, Tip, Warning, etc.).
• Matrix Rain Effect: A custom canvas-based background animation.
• Responsive Layout: A clean, centered vertical stack optimized for both desktop and mobile.

🛠️ Setup & Configuration

This is a static frontend project. You do not need to install Python, Node.js, or any package managers to get it running.

Local Development

Simply open index.html in any modern web browser.

To get this running with your own data, follow these steps:

1. Open index.html: Locate the <script> tag at the bottom of the file.

2. Set your Username: Find the USER CONFIGURATION section and replace the placeholder:

   const GITHUB_USERNAME = 'YOUR_GITHUB_USERNAME';

3. Adjust Repository Count: You can also change how many repositories are displayed:

   const MAX_REPOS_TO_SHOW = 8;

🎨 Customization

Layout

The header is currently configured as a vertical stack. If you wish to change the spacing between the profile image and the README, adjust the gap property in the .header-content class within the CSS.

Colors

The theme uses CSS variables for easy updates. You can find them in the :root section:

--neon-accent: #00f0ff; /* Change this to your preferred glow color */

📸 Screenshot of project

📜 Dependencies

• Marked.js for Markdown parsing.
• DOMPurify for sanitizing rendered HTML.

📄 License

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