https://github.com/kavicastelo/codersrank-portfolio

Hi 👋 I'm Kavi Castelo (Kavindu Kokila) — a passionate Full-Stack Developer, Angular Master, TypeScript Enthusiast, Tech Lead, and Entrepreneur from Matara, Sri Lanka 🇱🇰. I build high-performance full-stack applications, ethical AI solutions, scalable SaaS products, and love pushing the limits of daily coding discipline.
https://github.com/kavicastelo/codersrank-portfolio

codersrank-widget github-api medium-api portfolio rss-feed-parser static-website

Last synced: 5 months ago
JSON representation

Hi 👋 I'm Kavi Castelo (Kavindu Kokila) — a passionate Full-Stack Developer, Angular Master, TypeScript Enthusiast, Tech Lead, and Entrepreneur from Matara, Sri Lanka 🇱🇰. I build high-performance full-stack applications, ethical AI solutions, scalable SaaS products, and love pushing the limits of daily coding discipline.

• Host: GitHub
• URL: https://github.com/kavicastelo/codersrank-portfolio
• Owner: kavicastelo
• License: mit
• Created: 2025-12-31T17:31:08.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2026-01-01T18:24:38.000Z (5 months ago)
• Last Synced: 2026-01-07T01:34:24.135Z (5 months ago)
• Topics: codersrank-widget, github-api, medium-api, portfolio, rss-feed-parser, static-website
• Language: HTML
• Homepage: https://kavicastelo-codersrank.netlify.app/
• Size: 127 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Kavi Castelo - Full-Stack Software Engineer Portfolio

Hi 👋 I'm **Kavi Castelo** (Kavindu Kokila) — a passionate **Full-Stack Developer**, **Angular Master**, **TypeScript Enthusiast**, **Tech Lead**, and **Entrepreneur** from **Matara, Sri Lanka** 🇱🇰.

I build high-performance full-stack applications, ethical AI solutions, scalable SaaS products, and love pushing the limits of daily coding discipline.

[![GitHub](https://img.shields.io/badge/GitHub-kavicastelo-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/kavicastelo)

[![Twitter](https://img.shields.io/badge/Twitter-@kavicastelo-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/kavicastelo)

[![LinkedIn](https://img.shields.io/badge/LinkedIn-Kavi%20Castelo-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/kavi-castelo/)

[![Portfolio](https://img.shields.io/badge/Portfolio-kavicastelo.dev-FF6033?style=for-the-badge&logo=vercel&logoColor=white)](https://kavicastelo-dev.netlify.app/)

## 🌟 Live Site

🔗 **https://kavicastelo-dev.netlify.app/**

## 🛠️ Tech Stack & Focus Areas

- **Frontend**: Angular, TypeScript, React, Next.js, JavaScript

- **Backend**: Node.js, Java, Spring Boot, Python, Rust

- **Philosophy**: Ethical AI • Scalable Systems • Clean Architecture • Performance-First

- **Daily Routine**: 9–12+ hours coding • 850+ day GitHub streak • ~3,930 contributions/year

## 📊 Developer Stats (Live)

Powered by [CodersRank](https://profile.codersrank.io/user/kavicastelo) & GitHub API

- Public Repositories: ![Repos](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fapi.github.com%2Fusers%2Fkavicastelo&query=public_repos&label=Repos&color=brightgreen)

- Followers: ![Followers](https://img.shields.io/github/followers/kavicastelo?style=social)

- Total Stars: (calculated dynamically)

- Current Streak: 850+ days

- Contributions (last year): ~3,930

## 🖼️ Features of This Portfolio

- Dark mode optimized design

- Responsive layout (mobile-first)

- Live GitHub stats & contribution graph (auto-adapts to light/dark mode)

- CodersRank widgets:

  - Summary badges

  - Activity heatmap

  - Skills radar/chart

  - Portfolio showcase

  - Work experience & education timeline

- Animated counters for key metrics

- Semantic HTML & accessibility improvements

- Fast-loading with lazy images & deferred scripts

## 🚀 Getting Started (Local Development)

```bash

# 1. Clone the repository

git clone https://github.com/kavicastelo/codersrank-portfolio.git

cd codersrank-portfolio

# 2. Open index.html in your browser

```

No build step required — it's a static HTML + CSS + vanilla JS site.

## 🛠️ Project Structure

```bash

├── index.html          # Main portfolio page

├── main.css            # All styles (dark theme optimized)

├── i/                  # Images folder

│   ├── avatar.webp

│   ├── avatar.jpeg

│   ├── logo_github.svg

│   ├── logo_twitter.svg

│   ├── logo_linkedin.svg

│   └── ...

├── README.md

└── LICENSE

```

## 🎯 Future Improvements / Roadmap

- Add JSON-LD structured data (Person schema)

- Implement dark/light mode toggle (currently system preference only)

- Add project detail pages or modal previews

- Migrate to a lightweight SSG (Astro / Eleventy / Vitepress)

- Dynamic streak & contribution count via GitHub GraphQL

- Blog section linking to Medium articles

## 📄 License

© 2021–2026 Kavi Castelo (Kavindu Kokila)

Personal portfolio — feel free to take inspiration, but please don't copy directly.

Made with ❤️ and 10,000+ hours of coding discipline.

---

Last updated: December 31, 2025