🚀 Nrk Raju Guthikonda — Portfolio

Senior Software Engineer @ Microsoft — AI & Open Source Portfolio

About • Portfolio • Skills • Projects • Live Site

---

🎯 One-Liner

Beautiful, responsive portfolio website showcasing 116+ open-source projects, published articles, and expertise in AI, distributed systems, and developer tools — hosted on GitHub Pages.

---

🏗️ Architecture

┌─────────────────────────────────┐
│  index.html                     │
│  - Semantic HTML5               │
│  - Meta tags for SEO            │
│  - PWA manifest                 │
└──────────────┬──────────────────┘
               │
┌──────────────▼──────────────────┐
│  style.css                      │
│  - Responsive CSS Grid/Flexbox  │
│  - CSS variables for theming    │
│  - Smooth animations            │
│  - Dark mode support            │
└──────────────┬──────────────────┘
               │
┌──────────────▼──────────────────┐
│  script.js                      │
│  - Smooth scroll navigation     │
│  - Mobile menu toggle           │
│  - Intersection Observer        │
│  - Copy-to-clipboard actions    │
└─────────────────────────────────┘

---

✨ Features

Feature	Description
📱 Fully Responsive	Mobile-first design works on all devices
🌙 Dark Mode	Toggle between light and dark themes
⚡ Fast & Lightweight	Vanilla HTML, CSS, JS — no frameworks
🎨 Modern Design	Glassmorphism, gradients, smooth animations
🔍 SEO Optimized	Meta tags, structured data, Open Graph
♿ Accessible	WCAG compliant with semantic HTML
📊 Project Showcase	Displays 116+ repositories with GitHub integration
📝 Articles Section	Featured dev.to articles and publications
💼 Skills Display	Technologies, expertise, and specializations
🔗 Social Links	GitHub, LinkedIn, Twitter, Email
📧 Contact Form	Easy way to get in touch
🚀 GitHub Pages Ready	Deploy with a single git push

---

🚀 Quick Start

Prerequisites

• No build tools required!
• Just GitHub account for Pages hosting

Local Development

# Clone the repository
git clone https://github.com/kennedyraju55/kennedyraju55.github.io.git
cd kennedyraju55.github.io

# Start a simple HTTP server (Python)
python -m http.server 8000

# Or Node.js
npx http-server

# Open http://localhost:8000

Live Preview

The site is already live at: https://kennedyraju55.github.io

---

📂 Project Structure

kennedyraju55.github.io/
├── index.html                  # Main portfolio page
├── style.css                   # Responsive styling
├── script.js                   # Interactivity
└── README.md                   # This file

---

🎨 Design Highlights

Color Palette

• Primary: Gradient from purple to blue
• Background: Deep dark gray (#0a0e27)
• Text: Light gray with high contrast
• Accents: Cyan, purple, orange for interactive elements

Typography

• Headings: Inter 800 (Bold)
• Body: Inter 400–600 (Regular to Semibold)
• Code: Monospace (system font stack)

Animations

• Smooth fade-in on scroll (Intersection Observer)
• Hover effects on cards and buttons
• Smooth color transitions
• Staggered animations for multiple elements

---

🛠️ Tech Stack

Component	Technology
Markup	Semantic HTML5
Styling	Pure CSS3 (no CSS framework)
Interactivity	Vanilla JavaScript (ES6+)
Icons	Font Awesome 6.5.1
Fonts	Google Fonts (Inter)
Hosting	GitHub Pages
Build	None — static site

---

📖 Sections

Hero

• Tagline and call-to-action buttons
• Social links (GitHub, LinkedIn, Email)
• Animated background

About

• Professional summary
• Key achievements
• Specializations

Flagship Projects

• Featured open-source projects
• Project descriptions and links
• Technology tags

Skills

• Programming languages
• Frameworks and tools
• Cloud platforms
• Databases and tools

Projects Portfolio

• Grid showcase of 116+ repositories
• Filter by technology
• Direct GitHub links

Articles & Publications

• Featured dev.to articles
• Technical blog posts
• Speaking engagements

Contact

• Email contact form
• Social media links
• Call-to-action for collaboration

---

🚀 Customization

Change Content

Edit index.html to update:

• Hero section text
• Project descriptions
• Skills and technologies
• Social links
• Contact information

Customize Colors

Edit :root CSS variables in style.css:

:root {
  --primary-color: #7c3aed;
  --secondary-color: #06b6d4;
  --bg-dark: #0a0e27;
  --text-light: #e5e7eb;
}

Add Your Content

1. Update personal info in HTML
2. Add your project cards
3. Update social links
4. Customize the color scheme

---

📱 Browser Support

• ✅ Chrome (latest)
• ✅ Firefox (latest)
• ✅ Safari (latest)
• ✅ Edge (latest)
• ✅ Mobile browsers (iOS Safari, Chrome Android)

---

📊 Statistics

• 116+ Open-source repositories
• 100% Original work
• 0 Forks (all self-authored)
• 10+ Industries & domains
• Multiple Programming languages

---

🤝 Contributing

Found a bug or have a suggestion? Open an issue or submit a PR!

# Fork and clone
git clone https://github.com/YOUR_USERNAME/kennedyraju55.github.io.git

# Make changes
# Test locally
# Commit and push
# Open a Pull Request

---

📄 License

MIT License — see LICENSE for details.

---

👤 Author

Nrk Raju Guthikonda
Senior Software Engineer @ Microsoft • Copilot Search Infrastructure

• 🔗 GitHub
• 💼 LinkedIn
• ✍️ dev.to
• 📧 Email

---

116+ open-source projects showcasing AI, distributed systems, and developer tools

⬆ Back to Top