PawBuck
This project is not deployed due to server and DB maintaince cost.
Best Academic Student 2019 - 2023
Awarded for being the best academic student in the batch of 2019 - 2023 at Kongu Engineering College, Tamilnadu.
Contact
About
About Me.
Software Engineer (UI)
I am Raveen, a Software Engineer (UI) with a passion for building innovative, AI-driven interfaces using React, TypeScript, and modern web technologies. With ~3 years of experience, I excel in frontend architecture, high-performance data visualization, and integrating AI capabilities like MCP and RAG into analytical applications.
MCP
A.P. Moller - Maersk
May 2022 - Present
Playing a vital role in frontend architecture and technical decision-making for large-scale energy analytics platforms built with React (TypeScript), ECharts, React Table, React Query & WebSockets. Architected an MCP (Model Context Protocol) Server integrated with Azure AI, transforming static analytical dashboards into conversational interfaces with RAG pipelines.
Tech-stacks Used
React
TypeScript
React Query
WebSockets
Azure AI
Git
GitHub Actions
Docker
Kubernetes
Nginx
Grafana
Work done:
- Played a vital role in frontend architecture and technical decision-making for large-scale energy analytics platforms built with React (TypeScript), ECharts, React Table, React Query & WebSockets, delivering high-performance, data-intensive applications for fleet stakeholders.
- Architected and spearheaded the implementation of an MCP (Model Context Protocol) Server integrated with Azure AI, transforming static analytical dashboards into conversational interfaces. Developed a RAG (Retrieval-Augmented Generation) pipeline to provide the LLM with real-time telemetry context, allowing users to identify high-priority vessels and fuel-saving opportunities using natural language prompts via in-app chatbot.
- Played a critical role in a year-long strategic initiative requiring deep domain expertise and strong technical judgment. Collaborated closely across teams to align requirements, set clear expectations, define realistic timelines, and proactively mitigate risks.
- Led the development of a cross-functional UI library that resolved long-standing version incompatibilities between legacy and modern React environments, reducing development overhead by 50%.
- Re-engineered data export systems from a blocking architecture to an asynchronous SSE-based model, eliminating UI freezes and reducing database query lock-ups by 40%.
- Abstracted complex domain logic into reusable custom hooks & components, accelerating feature delivery cycles by increasing adaptability & awareness.
- Took the initiative to integrate React Query by implementing a POC that introduced sophisticated caching and data-invalidation strategies, reducing redundant network calls by 25% and improving UX.
- Migrated build tooling from CRACO to Vite and upgraded runtime from Node 16 to Node 24, reducing build time from 10 minutes to under 4 minutes (150% improvement) resulting in increased velocity of feature releases.
- Conducted internal knowledge-sharing sessions on AI in developer workflows, Agentic AI, Model Context Protocol (MCP), and deep dives into React best practices, empowering engineers to leverage modern AI tooling effectively.
- Mentored 3 interns into seasoned engineers by providing technical guidance and career coaching, resulting in their successful integration as core contributors to the project.
- Championed high-standard code reviews, technical refinements & driven initiatives for high-valued tech debts.