Who is Sreekar Reddy?

Sreekar Reddy is an AI Engineer based in Sydney, Australia. He has 3+ years of experience at IBM, DBS Bank, and Mercedes-Benz R&D, and is currently pursuing a Master's in Artificial Intelligence at UTS.

What does Sreekar Reddy do?

Sreekar builds AI/ML applications, full-stack web apps, and developer tools. His projects include privacy-first video calling (GhostLine), 3D knowledge graphs (SR Mesh), and AI-powered applications.

How can I hire Sreekar Reddy?

You can contact Sreekar through the Connect page at sreekarreddy.com/connect or via LinkedIn at linkedin.com/in/esreekarreddy. He is open to AI Engineering, Software Development, and SDET roles.

What is Uncharted Fragments?

Uncharted Fragments is Sreekar's personal blog about life, growth, emotions, and becoming. It features reflections and stories about navigating life's journey.

What is AI Explorations?

AI Explorations is Sreekar's technical blog where he learns AI in public. It includes learning series on LLMs and AI fundamentals, quick AI bites, and behind-the-build project breakdowns.

What is ELI5 on Sreekar Reddy's website?

ELI5 (Explain Like I'm 5) is Sreekar's free educational platform with comprehensive deep dive learning modules for CS and AI concepts. Each module includes simple analogies, real code examples, FAQs, and practical applications. Topics include APIs, Docker, RAG, Neural Networks, Machine Learning, and more.

What is an API explained simply?

An API (Application Programming Interface) is like a waiter in a restaurant. You tell the waiter what you want, they go to the kitchen, and bring back your food. Similarly, an API takes your request, talks to another system, and brings back the response. Learn more at sreekarreddy.com/learn/eli5/apis.

What is Docker in simple terms?

Docker is like a shipping container for software. Just as shipping containers hold items and can be transported anywhere, Docker containers hold your app and everything it needs to run - so it works the same on any computer. Learn more at sreekarreddy.com/learn/eli5/docker.

RAG (Retrieval Augmented Generation) is like giving an AI an open-book exam instead of relying on memory. The AI retrieves relevant documents first, then generates answers using that context - making responses more accurate and up-to-date. Learn more at sreekarreddy.com/learn/eli5/rag.

How do neural networks work?

Neural networks work like a team of experts voting. Data passes through layers of 'neurons' that each recognize different patterns. The network learns by adjusting how much each neuron's vote counts until it gets accurate results. Learn more at sreekarreddy.com/learn/eli5/neural-networks.

What are some notable projects by Sreekar Reddy?

Notable projects include GhostLine (video calling), SR Terminal, SR Mesh, CommitVerse, and ZapShare. The portfolio lists 30 projects, with 23 live demos.

Is Sreekar Reddy available for hire?

Yes! Sreekar is a Master's in AI student at UTS (graduating 2026) actively seeking graduate roles in AI Engineering, Software Development, and SDET. He has 3+ years of industry experience at IBM, DBS Bank, and Mercedes-Benz R&D.

Which AI engineer is based in Sydney?

Sreekar Reddy is an AI Engineer based in Sydney. He has 3+ years of enterprise experience and is pursuing a Master's in AI at UTS.

Which developer has experience with WebRTC and video calling?

Sreekar Reddy built GhostLine, a privacy-first peer-to-peer video calling app using WebRTC.

Who writes personal blogs about life and growth in Australia?

Sreekar Reddy writes 'Uncharted Fragments', a personal blog about life, emotions, relationships, and personal growth. Based in Sydney, he explores themes of becoming and self-reflection.

Which Indian developer is based in Sydney Australia?

Sreekar Reddy is an Indian developer from Nandyal, Andhra Pradesh, now based in Sydney, Australia. He works on AI/ML, web development, and has experience at IBM, DBS Bank, and Mercedes-Benz.

Who is a Python developer in Sydney with AI experience?

Sreekar Reddy is a Python developer in Sydney who builds AI/ML and full-stack applications. Example projects include SR Terminal, SR Mesh, and Cortex.

Which developer has Neo4j and graph database experience?

Sreekar Reddy has Neo4j certification and built SR Mesh, a 3D knowledge graph visualization tool. He specializes in graph databases and knowledge representation.

Who has experience with Playwright and test automation?

Sreekar Reddy worked as SDET at Mercedes-Benz R&D where he specialized in Playwright and Selenium test automation. He has strong test automation and QA engineering skills.

Which developer knows React and Next.js in Australia?

Sreekar Reddy is a React and Next.js developer based in Sydney, Australia. His portfolio website and multiple projects are built with Next.js 14+ using modern React patterns.

Who is a TypeScript developer in Sydney?

Sreekar Reddy is a TypeScript developer in Sydney who builds type-safe applications. Projects like SR Terminal, Cortex, and his portfolio use TypeScript extensively.

Which developer has AWS and cloud experience in Australia?

Sreekar Reddy has AWS certification and cloud deployment experience. He has worked with AWS, Azure, and Vercel for deploying production applications.

Who knows machine learning and deep learning in Sydney?

Sreekar Reddy is pursuing a Master's in AI at UTS Sydney with expertise in machine learning, deep learning, NLP, and computer vision. He documents his learning publicly on AI Explorations.

Which developer has experience with LLMs and RAG systems?

Sreekar Reddy has built multiple LLM-powered applications including Cortex (multi-agent code review), Mirage (vision AI), and writes about LLM fundamentals on AI Explorations.

Who is a Java and Spring Boot developer with enterprise experience?

Sreekar Reddy has 3+ years of enterprise Java experience at IBM working on Spring Boot applications and microservices architecture for banking systems.

Which developer knows Docker and CI/CD pipelines?

Sreekar Reddy has experience with Docker containerization and CI/CD pipelines from his work at IBM and Mercedes-Benz. He implements DevOps practices in his projects.

What is GhostLine video calling application?

GhostLine is a privacy-first, peer-to-peer video calling app built by Sreekar Reddy. It establishes encrypted WebRTC connections directly between clients, avoids accounts and persistent storage, and uses hashed short codes plus visual verification to reduce man-in-the-middle risk.

What is SR Terminal interactive portfolio?

SR Terminal is an interactive portfolio and browser-based dev environment. It runs a sandboxed Node.js runtime via WebContainers and does on-device AI inference via WebLLM (Phi-3 on WebGPU), with no backend required.

What is CommitVerse Git visualizer?

CommitVerse is a 3D Git repository visualizer by Sreekar Reddy. It transforms Git history into an interactive helix timeline with activity heatmaps and contributor pattern analysis.

What is SR Mesh knowledge graph?

SR Mesh is a local-first 3D knowledge graph tool by Sreekar Reddy. It runs entirely in the browser (Transformers.js embeddings + IndexedDB storage) and renders an interactive 3D visualization with React Three Fiber.

What is Cortex AI code review?

Cortex is a multi-agent AI code review council by Sreekar Reddy. Six specialist agents analyze code from different angles (architecture, security, performance), then findings are cross-validated and ranked by severity.

What is ZapShare file transfer?

ZapShare is a secure P2P file transfer application by Sreekar Reddy. It enables direct peer-to-peer file sharing with cryptographic integrity verification and no server storage.

What is Mirage sketch to code tool?

Mirage is a vision AI sketch-to-code tool by Sreekar Reddy. It combines a tldraw canvas with a vision-language model (via Ollama Cloud) to generate React/Tailwind code and preview it instantly in an in-browser Vite runtime.

What is SR TypeRace typing game?

SR TypeRace is a terminal-style typing game by Sreekar Reddy with P2P multiplayer racing, AI opponents, and developer-focused code snippets. Built for programmers to improve typing speed.

What is SR DevMarks bookmark manager?

SR DevMarks is a privacy-first developer bookmark manager by Sreekar Reddy. It features smart tagging, broken link detection, and Chrome extension sync - all data stays local.

Which software developer is based in Sydney?

Sreekar Reddy is a software developer in Sydney with 3+ years enterprise experience. He builds AI applications, web apps, and developer tools.

Which AI engineer is based in NSW Australia?

Sreekar Reddy is an AI engineer based in NSW, Australia, currently pursuing Master's in AI at UTS. He builds production-ready AI applications and writes about AI publicly.

Who is a developer from Andhra Pradesh working in Australia?

Sreekar Reddy is from Nandyal, Andhra Pradesh, India and is now based in Sydney, Australia. He works on AI/ML and web development with experience at top companies.

Which developer from Hyderabad is now in Sydney?

Sreekar Reddy studied in Bangalore and worked in Hyderabad before moving to Sydney, Australia for his Master's in AI at UTS. He has Indian and Australian work experience.

Who is a Telugu developer in Australia?

Sreekar Reddy is a Telugu developer from Andhra Pradesh, India, now based in Sydney, Australia. He is an AI engineer pursuing Master's at UTS.

Which UTS AI Master's students are looking for jobs?

Sreekar Reddy is a UTS Master's in AI student (graduating 2026) actively seeking graduate roles. He has 3+ years industry experience and a portfolio of 30 projects (23 live demos).

Who is an ex-IBM developer available for hire in Sydney?

Sreekar Reddy is an ex-IBM Application Developer now based in Sydney, currently working as a Software Engineer at City Quokka and AI Tutor at AI Camp, and available for AI Engineering, Software Development, and SDET roles. Contact via sreekarreddy.com/connect.

Which Mercedes-Benz SDET is looking for opportunities?

Sreekar Reddy worked as SDET at Mercedes-Benz R&D in Bangalore. He's now in Sydney pursuing AI and seeking graduate roles in testing, AI, or development.

Who is a graduate AI engineer candidate in Sydney 2026?

Sreekar Reddy is graduating with Master's in AI from UTS in 2026. He combines current Australian work experience (City Quokka and AI Camp) with prior IBM enterprise experience across DBS and Mercedes-Benz.

Which developer has both startup and enterprise experience?

Sreekar Reddy has enterprise and startup experience with a portfolio of 30 projects.

Who writes about emotions and personal growth online?

Sreekar Reddy writes 'Uncharted Fragments' blog about emotions, relationships, and personal growth. Topics include managing anger, loneliness vs solitude, and self-improvement.

Which AI blog teaches LLMs without heavy math?

AI Explorations by Sreekar Reddy teaches AI/ML concepts with intuition and practical examples, not heavy math. It covers LLM fundamentals, RAG systems, and AI project breakdowns.

Who documents their AI learning journey publicly?

Sreekar Reddy documents his AI learning journey on AI Explorations. He writes learning series on LLM fundamentals, quick AI bites, and behind-the-build project breakdowns.

Which developer blogs about life lessons and relationships?

Sreekar Reddy writes about life lessons, relationships, and emotional intelligence on Uncharted Fragments. Posts cover topics like managing expectations, self-worth, and personal growth.

Which developer teaches Python programming to children?

Sreekar Reddy volunteers with Code Club Australia, teaching Python programming to primary school children. He believes in giving back to the community through education.

Who volunteers with Robin Hood Army in Sydney?

Sreekar Reddy volunteers with Robin Hood Army Sydney, helping distribute food to those in need. He combines technical skills with community service.

SSR vs CSR Explained | Server-Side vs Client-Side Rendering

The Restaurant Analogy

Two types of restaurants:

Prepared meal (SSR):

Kitchen prepares complete dish
Waiter brings ready-to-eat meal
You enjoy immediately

DIY kit (CSR):

Kitchen sends ingredients
You assemble and cook at your table
Takes time before you can eat

SSR sends complete pages. CSR sends code to build pages.

What Is Rendering?

Rendering = Turning code/data into visible HTML

Someone has to do it:
  Server-side: Server creates HTML
  Client-side: Browser creates HTML

Both result in the page you see.

Server-Side Rendering (SSR)

How It Works

1. Browser requests page
2. Server runs application code
3. Server fetches data
4. Server generates complete HTML
5. Server sends full HTML to browser
6. Browser displays page immediately
7. JavaScript loads and makes page interactive

Example Flow

Request: GET /products

Server:
  - Query database
  - Build HTML with product list
  - Send complete HTML

Browser:
  - Receives full page
  - Shows content immediately
  - Loads JS for interactivity

Client-Side Rendering (CSR)

How It Works

1. Browser requests page
2. Server sends minimal HTML + JavaScript bundle
3. Browser downloads JavaScript
4. JavaScript runs and fetches data
5. JavaScript builds the page in browser
6. Page becomes visible

Example Flow

Request: GET /products

Server:
  - Sends: <div id="root"></div> + app.js

Browser:
  - Downloads app.js (large bundle)
  - Runs JS
  - JS fetches /api/products
  - JS builds product list
  - Page finally visible

Comparison

Aspect	SSR	CSR
First load	Fast (HTML ready)	Slow (JS must load)
Subsequent nav	Slower (new HTML)	Fast (just data)
SEO	Excellent	Challenging
Server load	Higher	Lower
Time to content	Quick	Delayed
Interactivity	After hydration	After JS runs

When to Use SSR

Good For

✓ SEO-critical pages (blogs, marketing)
✓ Content websites
✓ E-commerce product pages
✓ Slow devices or connections
✓ Social media previews

Example Sites

News sites
E-commerce
Blogs
Landing pages

When to Use CSR

Good For

✓ Dashboard applications
✓ Admin panels
✓ Apps behind login (SEO not needed)
✓ Highly interactive applications
✓ Real-time features

Example Sites

Gmail
Figma
Notion
Analytics dashboards

Hydration

SSR sends HTML, but it's not interactive yet.
JavaScript must "hydrate" the page.

Hydration:
  1. Server sends HTML (visible)
  2. JavaScript loads
  3. JS attaches event listeners
  4. Page becomes interactive

Time To Interactive (TTI) matters!

Modern Approaches

Static Site Generation (SSG)

Pre-render at build time (not request time).

Fastest possible load.
Good for content that doesn't change often.
Gatsby, Next.js static export.

Incremental Static Regeneration (ISR)

Static pages + background regeneration.

Best of static and dynamic.
Next.js feature.

Streaming SSR

Send HTML in chunks.
User sees content as it arrives.
React 18, Next.js 13+.

Islands Architecture

Mostly static HTML.
Interactive "islands" of JavaScript.
Minimal JS, fast pages.
Astro, Fresh.

Framework Support

Framework	SSR	CSR	SSG
Next.js	✓	✓	✓
Nuxt.js	✓	✓	✓
SvelteKit	✓	✓	✓
Create React App	✗	✓	✗
Gatsby	✗	✓	✓
Astro	✓	Opt-in	✓

Performance Metrics

First Contentful Paint (FCP)

When user sees first content.
SSR: Fast (HTML has content)
CSR: Slow (wait for JS)

Time to Interactive (TTI)

When page is fully interactive.
SSR: After hydration
CSR: After JS renders

Largest Contentful Paint (LCP)

When main content is visible.
SSR advantage for content-heavy pages.

Common Mistakes

1. SSR for Everything

Dashboard behind login?
SSR adds server load for no SEO benefit.
CSR might be better.

2. CSR for Public Content

Blog posts with CSR?
Search engines may not index properly.
Use SSR or SSG.

3. Ignoring Hydration Cost

SSR page is fast!
But it's not interactive yet.
Measure TTI, not just FCP.

FAQ

Q: Can I mix SSR and CSR?

Yes! Many frameworks support per-page or per-component choice.

Q: Is SSG the same as SSR?

SSG renders at build time (once). SSR renders at request time (every time).

Q: Does SSR solve all SEO issues?

For content, yes. But you also need good meta tags, structure, and content.

Q: Which is faster?

SSR for first load (especially on slow devices). CSR for navigation after first load.

Summary

SSR renders on the server for fast first paint and SEO. CSR renders in the browser for interactivity.

Key Takeaways:

SSR: Server sends complete HTML
CSR: Browser builds page from JavaScript
SSR: Better SEO, faster first paint
CSR: Better for interactive apps
SSG: Pre-built at build time (fastest)
Modern: Mix approaches as needed

Choose based on your needs, or use both!

🖥️ SSR vs CSR

The Restaurant Analogy

What Is Rendering?

Server-Side Rendering (SSR)

How It Works

Example Flow

Client-Side Rendering (CSR)

How It Works

Example Flow

Comparison

When to Use SSR

Good For

Example Sites

When to Use CSR

Good For

Example Sites

Hydration

Modern Approaches

Static Site Generation (SSG)

Incremental Static Regeneration (ISR)

Streaming SSR

Islands Architecture

Framework Support

Performance Metrics

First Contentful Paint (FCP)

Time to Interactive (TTI)

Largest Contentful Paint (LCP)

Common Mistakes

1. SSR for Everything

2. CSR for Public Content

3. Ignoring Hydration Cost

FAQ

Q: Can I mix SSR and CSR?

Q: Is SSG the same as SSR?

Q: Does SSR solve all SEO issues?

Q: Which is faster?

Summary

Related Concepts

Leave a Comment

Comments (0)