Binidu Ranasinghe Binidu01

👋 Welcome to My Digital Universe

🌟 About Me

💫 Quick Facts About Me

🌍 Location: Sri Lanka 🇱🇰
💼 Role: Full-Stack Developer, Framework Creator & AI Enthusiast
🧠 Focus: AI, Developer Tooling & Creative Solutions
☕ Fuel: Coffee → Code → Magic
🎯 Philosophy: Code should feel — not just function

🔭 Currently Working On: Bini.js — my own React framework
🌱 Currently Learning: Advanced ML & Cloud Architecture
👯 Looking to Collaborate: Innovative open-source projects
💬 Ask Me About: Bini.js, React, AI integration, or creative coding
⚡ Fun Fact: I turn coffee ☕ into frameworks and ideas into reality ✨

const binidu = {
  location: "Sri Lanka 🇱🇰",
  role: "Full-Stack Developer & Framework Creator",
  philosophy: "Code should feel — not just function",
  createdFramework: "ß Bini.js — Zero-Config React Framework",
  currentFocus: [
    "🚀 Bini.js Ecosystem",
    "🤖 AI Integration",
    "🌐 Modern Web Apps",
    "✨ Creative Solutions"
  ],
  workingOn: "🔭 Bini.js & AI-powered creative tools",
  learning: "🌱 Advanced ML & Cloud Architecture",
  askMeAbout: "💬 Bini.js, React, AI integration, or creative coding"
};

ß Bini.js — My Own React Framework

🏆 I didn't just use frameworks — I built one.

Bini.js is a zero-config React framework built on Vite 8 and React 19, with file-based routing, Hono-powered API routes, and a zero-dependency production server. Like Next.js, but a pure SPA — no SSR overhead.

# Scaffold a new project in seconds
npx create-bini-app@latest my-app
cd my-app && npm install
npm run dev   # Opens http://localhost:3000 automatically

🔥 Core Features

Feature	Description
📁 File-Based Routing	`page.tsx` files map to URLs — nested layouts, `[dynamic]` segments, `not-found.tsx`, zero config
⚡ Hono API Routes	Plain handlers or full Hono apps in `src/app/api/` — runs in dev, `bini-server`, and Netlify Edge
🖥️ Zero-Dep Server	`bini-server` — pure Node.js `http`, ETag/304, 10MB body limit, graceful shutdown
🎨 Dev Overlay	Animated `ß` badge in dev — morphs into a Shiki-highlighted error panel with call stack
🌍 Deploy Anywhere	Set `platform` once — Netlify, Cloudflare, Node, Deno, Bun, or AWS generated automatically
📦 Auto-Imports	`useState`, `useEffect`, `Link`, `useParams`, `Outlet`, and more — no import statements needed
🔒 Security Built-In	Helmet headers, CORS, rate limiting (100 req/15 min), XSS prevention
⚙️ Plugin System	Official plugin API with `onDevStart`, `onBuildEnd`, `onApiSetup` lifecycle hooks
🦀 Oxlint + Oxfmt	Rust-based linter & formatter — 50–100× faster than ESLint + Prettier
📄 Static Export	`bini-export` pre-renders every route with smart `404.html` for GitHub Pages, Netlify, S3

// File-based routing — create a file, get a route. That's it.
src/app/
├── page.tsx               →  /
├── about.tsx              →  /about
├── dashboard/
│   ├── layout.tsx         →  wraps /dashboard and all children
│   ├── page.tsx           →  /dashboard
│   └── [id]/page.tsx      →  /dashboard/:id
└── api/
    ├── hello.ts           →  /api/hello
    └── posts/[id].ts      →  /api/posts/:id

// API routes — plain handler or full Hono app, same file
export default function handler(req: Request) {
  return Response.json({ message: 'Hello from Bini.js!', ts: new Date().toISOString() });
}

// Pages — auto-imported hooks, no import statements needed
export default function Dashboard() {
  const [count, setCount] = useState(0);   // ← no import needed
  const { id } = useParams();              // ← no import needed
  return <h1>Dashboard {id} — {count}</h1>;
}

🌐 The Bini.js Ecosystem

📦 Package	📝 Description
ß bini-router	File-based routing, nested layouts, Hono API routes, 6 deploy platforms
🖥️ bini-server	Zero-dependency production server — ETag, timeouts, graceful shutdown
🎨 bini-overlay	Animated dev badge + Shiki-highlighted error overlay
🌿 bini-env	Zero-config env system + startup banner — edge-safe
📤 bini-export	Static SPA export — per-route pre-render, smart `404.html`
🛠️ create-bini-app	One-command scaffold — TS/JS, Tailwind v4 / CSS Modules

🚀 Deploy Everywhere

// vite.config.ts — set platform once, build generates the correct entry
biniroute({ platform: 'netlify' })   // → netlify/edge-functions/api.ts
biniroute({ platform: 'cloudflare' }) // → worker.ts
biniroute({ platform: 'node' })       // → server/index.ts
biniroute({ platform: 'deno' })       // → server/index.ts
biniroute({ platform: 'bun' })        // → server/index.ts
biniroute({ platform: 'aws' })        // → handler.ts

🛠️ Tech Arsenal

🚀 Languages & Core Technologies

⚡ Frameworks & Libraries

🔧 Tools & Platforms

🎨 Project Portfolio

🏗️ Bini.js Ecosystem

🚀 Project	📝 Description	🛠️ Tech Stack	⭐ Status
ß bini	Official Bini.js website & documentation	TypeScript, TailwindCSS, Bini.js	🌐 Live
🛠️ bini-cli	CLI scaffolder + all ecosystem packages	TypeScript, Node.js, Vite, Hono	✅ Active
📚 bini-examples	Example projects & starter templates	TypeScript, TailwindCSS, Bini.js	📦 Growing

🌐 Web Applications

🚀 Project	📝 Description	🛠️ Tech Stack	⭐ Status
🎬 Movie-Party	Real-time synchronized movie watching with friends	HTML/JS + Node.js + Socket.io	🎥 Active
💬 Bini-Chat	Minimalist real-time chat app	HTML/JS frontend + Rust backend	💬 Active
📹 Hacknix-Meetings	Video conferencing with WebRTC	TypeScript, TailwindCSS, Next.js + WebRTC	🎥 Active
📧 Tempmail	Disposable email service	HTML/CSS/JS + Rust backend	🔒 Beta
💬 Chatnix	Real-time collaborative code editor + live chat	TypeScript, TailwindCSS, Next.js + WebSocket	🧑‍💻 Active

🤖 AI & Developer Tools

🚀 Project	📝 Description	🛠️ Tech Stack	⭐ Status
🧠 Hummanize-AI	Makes AI-generated text sound natural & human	HTML/CSS/JS + Python backend	✅ Active
🤖 Humanizer	Web app for improving text readability	HTML/CSS/JS + Python backend	✅ Active
🖼️ Wireframe-Generator	Screenshot → editable wireframe converter	TypeScript, TailwindCSS, Next.js	✅ Active
📋 Readme-Generator	Auto-generates high-quality README.md files	TypeScript, Node.js, Next.js	📝 Active
💖 Sanidi	AI-powered love message generator, multi-language	JavaScript + Node.js	📦 Published
💕 chat-love-analyzer	Analyzes WhatsApp chats for relationship trends	TypeScript, Node.js, Next.js	📊 Active
🧠 Jarvis	Smart Python-based OpenAI voice assistant	Python, OpenAI, Speech Recognition	🤖 Evolving

📊 Portfolio & Web Presence

🚀 Project	📝 Description	🛠️ Tech Stack	⭐ Status
🌐 portfolio	Personal portfolio website	TypeScript, TailwindCSS, Next.js	🌐 Live
🌐 My-Portfolio	Alternate portfolio & web presence	TypeScript, TailwindCSS, Next.js	🌐 Live
📚 Edu-Resources-Portal	Hub for model papers, notes & videos	TypeScript, TailwindCSS, Next.js	📚 Active
🕰️ wayback-peek	Inspect historical site snapshots via Wayback Machine	TypeScript, Node.js, Next.js	🔍 Active

🔧 Utility & System Tools

🛠️ Tool	📝 Purpose	🎯 Tech
🎬 video-fetcher	Scrapes URLs to extract video content	Python (requests, BeautifulSoup)
📺 Screen-Share	Cross-platform screen sharing solution	Python/JS
📹 Screen-Recorder	High-quality screen recording tool	Python/JS
🎵 Audio-Visualizer	Real-time audio visualization with effects	JavaScript
🌐 Browser	Lightweight PyQt5-based privacy browser	Python + PyQt
📂 Drop-Sync	Cloud storage solution like Google Drive	React, Firebase

🐍 Python Libraries & Backend

🚀 Project	📝 Description	🛠️ Tech Stack	⭐ Status
🗄️ dbini	Zero-config NoSQL backend with REST API, full-text search, JSON storage & WebSockets	Python, Flask/FastAPI	🔧 Active
📁 Local-File-Share	Local network file sharing with QR codes	Python + Flask + Socket.io	✅ Active

🏢 Management Systems

🚀 Project	📝 Description	🛠️ Tech Stack
🏋️ Gym-Manegement	Gym management with member & event tracking	PHP + MySQL + HTML/CSS/JS
🥋 Judo-system	Athlete and event management application	C# + .NET Framework
🚌 Bus-Reservation-System	Classic bus seat reservation app	Java + Swing

🎓 Educational & Security Research

🧪 Project	📝 Description	⚠️ Purpose
🔒 Ransomware	Educational cybersecurity demonstration	Security Research
🖥️ Screen-Locker	System security learning tool	Educational
📷 Camera-mic-screen-share-location	Remote access/surveillance principles	Educational
💕 Love-Graph	Relationship data visualization	Data Science

🎮 Interactive Challenge

🐍 GitHub Contribution Snake

🎲 Random Dev Quote

🧩 Mini Puzzle Challenge

🔢 Decode this sequence: 72 101 108 108 111 87 111 114 108 100
💡 Hint: It's how computers say something very common!
🎁 First to solve gets a ⭐ on their repo!

📊 GitHub Analytics

🌐 Connect & Collaborate

🎯 Current Goals

const goals2025 = {
  framework: [
    "ß Grow Bini.js to 1000+ GitHub Stars",
    "🛠️ Build a Vercel adapter for Bini.js",
    "📦 Expand the official plugin ecosystem"
  ],
  technical: [
    "🤖 Master Advanced AI/ML Concepts",
    "🌟 Contribute to 50+ Open Source Projects",
    "🚀 Build 10 Production-Ready Apps"
  ],
  personal: [
    "📝 Share Knowledge through Blogging",
    "👨‍🏫 Mentor Aspiring Developers",
    "🎤 Speak at Tech Conferences"
  ],
  impact: "💡 Create tools that make developers' lives easier",
  philosophy: "🌱 Code with purpose, build with passion"
};

💭 Philosophy

⚡ Fun Fact:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly