# Ajith Deevannagari > Senior Frontend Developer in Hyderabad, India. Senior Frontend Engineer with 5+ years building web applications in React, Next.js and TypeScript. I architect component libraries used across products, ship multi-tenant AI platforms and embeddable widgets, and cut load times by 30% through profiling, not guesswork. Contact: ajith.d19@gmail.com · X https://x.com/dee_ajith · LinkedIn https://linkedin.com/in/deeajith · GitHub https://github.com/deeajith ## Entity - Person: Ajith Deevannagari - Known as: deeAjith - Role: Senior Frontend Developer (frontend is the core discipline; also builds AI products: RAG, MCP, embeddable widgets) - Employer: 4Monks Consulting LLP (since May 2024) - Location: Hyderabad, Telangana, India - Expertise: React 19, Next.js (App Router), TanStack Start, Vue.js, TypeScript, Tailwind CSS, Redux, SCSS, WCAG accessibility, REST, GraphQL (Apollo), WebSockets, PostgreSQL, Redis ## Projects by Ajith Deevannagari - fouc.app (https://fouc.hackersdaddy.com/): Creator. Coming soon. Stack: Chrome MV3, Developer tools, MCP. Chrome extension that measures, inspects and live-edits any web page: design QA, privacy audit and an MCP bridge for coding agents. - Resume Studio (https://resumestudio.hackersdaddy.com/): Creator. In development. Stack: TanStack Start, React 19, AI. AI resume builder with a drag-and-drop editor, PDF export, and Razorpay-backed plans. TanStack Start, React 19, single-container deploy. - Sayo (https://sayo.projects.coblip.com/): Sole developer, 4Monks Consulting. Live. Stack: Next.js 16, FastAPI, RAG. Multi-tenant RAG chatbot for any website: per-tenant knowledge base, an embeddable chat widget and retrieval evals. Built solo as the only developer at work. ## Case studies - [fouc.app](https://www.deeajith.in/work/fouc-app-web-inspector/): Case study of fouc.app, a Chrome MV3 extension by Ajith Deevannagari that measures, inspects and live-edits any page, audits privacy and DPDPA readiness, and exposes the page to coding agents over MCP. - [Resume Studio](https://www.deeajith.in/work/resume-studio-ai-resume-builder/): How Ajith Deevannagari built Resume Studio, a full-stack AI resume builder with drag-and-drop editing, PDF export, Razorpay plans and Better Auth, deployed as a single container. - [Sayo](https://www.deeajith.in/work/sayo-multi-tenant-rag-ai-chatbot/): Case study of Sayo, a multi-tenant RAG AI chatbot built solo by Ajith Deevannagari at 4Monks Consulting: per-tenant knowledge bases, an embeddable Shadow DOM chat widget, origin-restricted API keys and retrieval evals. ## Writing - [Coolify: The Open-Source Cloud Alternative for Self-Hosting](https://www.deeajith.in/posts/coolify-self-hosting-paas-alternative/): An in-depth look at Coolify, an open-source platform-as-a-service that makes self-hosting easy and cost-effective, offering a powerful alternative to Heroku, Netlify, and Vercel. - [From Dorm Room to Brand: Crafting the Taste of Gruham Logo with AI](https://www.deeajith.in/posts/crafting-taste-of-gruham-logo-ai-branding-hostel-startup/): A deep dive into how I used AI prompting, reference images, and hostel-room hustle to create a professional brand identity for a cloud kitchen. - [Engineering IkRo: A Deep Dive into Centralized Account Management Systems](https://www.deeajith.in/posts/ikro-technical-case-study-architecture-flow/): A technical deep dive into the IkRo web application, exploring system architecture, use-case modeling, and the data flows that drive enterprise account security. - [Generate Dynamic Open Graph Images with Astro, Satori & Vercel](https://www.deeajith.in/posts/generate-dynamic-open-graph-images-with-astro-satori-vercel/): Learn how to create dynamic, SEO-friendly OG images for social media using Astro, Satori, and Vercel. - [Understanding Inertia.js 2.0: Building Modern Monolithic Applications with Laravel and React/Vue](https://www.deeajith.in/posts/understanding-inertia-js-2-0-building-modern-monolithic-applications-with-laravel-and-react-vue/): Explore the capabilities and benefits of Inertia.js 2.0 in building modern web applications with Laravel and React/Vue, including server-side rendering, performance enhancements, and security features. - [Debugging and Fixing Dynamic Background Image Rendering in Vue.js](https://www.deeajith.in/posts/debugging-and-fixing-dynamic-background-image-rendering-in-vue-js/): Discover how to handle dynamic background image rendering issues in Vue.js applications, from common causes to effective solutions. - [Crafting Develop Origin: A Journey with Next.js and Tailwind CSS](https://www.deeajith.in/posts/crafting-develop-origin-a-journey-with-nextjs-and-tailwind-css/): Explore the creation of Develop Origin, a web project built with Next.js and Tailwind CSS, focusing on performance, responsiveness, and user experience. - [Boosting User Experience with Optimistic UI](https://www.deeajith.in/posts/boosting-user-experience-with-optimistic-ui/): In today's fast-paced digital world, user experience (UX) is paramount. Slow loading times and unresponsive interfaces can quickly frustrate users and drive them away. One powerful technique to enhance UX is Optimistic UI. - [Singleton Pattern: When and How to Use It in Frontend Applications](https://www.deeajith.in/posts/singleton-pattern-when-and-how-to-use-it-in-frontend-applications/): Learn about the Singleton pattern and its applications in frontend development, including its benefits and potential drawbacks. - [The Factory Pattern in Modern Frontend Development](https://www.deeajith.in/posts/the-factory-pattern-in-modern-frontend-development/): Explore the Factory pattern for creating objects without specifying their exact classes in modern frontend development. - [Understanding Code Splitting in Next.js: A Comprehensive Guide](https://www.deeajith.in/posts/understanding-code-splitting-in-nextjs/): Delve into the world of code splitting in Next.js, a crucial optimization technique for enhancing application performance. - [Observer Pattern: Building Reactive UIs in JavaScript](https://www.deeajith.in/posts/observer-pattern-building-reactive-uis-in-javascript/): Explore the Observer pattern for creating reactive UIs in JavaScript, a fundamental concept in modern frontend development. - [Webgl Bogie! - An Interactive 3D Expo with Three.js](https://www.deeajith.in/posts/webgl-bogie-threejs/): A deep dive into the world of interactive 3D expos with Three.js. ## Optional - [Full text for AI assistants](https://www.deeajith.in/llms-full.txt) ## Pages - [About](https://www.deeajith.in/about/) - [All projects](https://www.deeajith.in/projects/)