SiteCrafter
AI-powered React app generator that converts natural-language prompts into production-ready React applications, using LangGraph and Gemini API with SSE streaming into WebContainer for live previews.
4roles
77skills
1education
4credentials
About
Full Stack Developer and UI Engineer experienced in React.js, Node.js, AI/LLM integrations, component architecture, dashboards, testing, and production web applications.
Experience
UI Engineer
Optimas AI Technologies Pvt. Ltd.
Feb 2025–Jun 2026
Delivered multiple projects on schedule as UI Lead by owning frontend task planning, component architecture decisions, and coordination across design, backend, and QA teams. Built and maintained a shared component library adopted across 9 production web applications, reducing cross-team development effort by approximately 35%. Implemented scalable multi-theme support with Material UI and styled-components, reducing cross-module visual regressions by approximately 80%. Authored unit and integration tests with Jest and React Testing Library. Built a real-time KPI preview feature, interactive D3.js dashboards, and Apache ECharts ontology graph visualizations for KPI Management & Analytics and Enterprise Concept Management platforms.
Full Stack Developer Intern
QSpiders
Jun 2024–Feb 2025
Built SiteCrafter, an AI-powered React app generator using LangGraph and Gemini API, streaming more than 35 files through SSE into WebContainer previews. Engineered Express REST services, Google OAuth with Passport.js, MongoDB Atlas persistence, and deployments on Amazon EC2 and Vercel. Built Zephyr, an AI conversational web app integrating the OpenAI API with optimized request handling, real-time context-aware response streaming, dynamic chat rendering, and modular React architecture.
Associate UI Engineer
OPTIMAS.AI Inc
1 yr 7 mos · Bengaluru
• Engineered a real-time KPI preview feature using React and optimized state management, eliminating save-and-recalculate cycles and cutting configuration time by 30–40%, accelerating business decision-making. • Built interactive D3.js dashboards to visualize KPI, metric, and measure relationships, improving data clarity and reducing stakeholder analysis effort by ~25%. • Designed and developed ontology graph visualizations using Apache ECharts, improving concept validation efficiency by ~20% and reducing manual review effort across enterprise data hierarchies. • Led frontend architecture as UI Lead on the KPI Lite project, driving component design decisions and cross-team delivery coordination to ship scalable features on schedule. • Owned and scaled a shared common-components package adopted across 9 applications, reducing cross-team development effort by ~35% and improving UI consistency company-wide. • Implemented multi-theme support using Material UI and styled-components, delivering a consistent UX across multiple product modules. • Partnered with UX and backend teams in Agile sprints, contributing to sprint planning, story estimation, and code reviews to maintain on-time delivery.
FullStack Developer Intern
JSpiders - Training & Development Center
9 mos · Bengaluru
• Technical proficiency and analytical abilities enhanced by hands-on experience with Java, SQL, Web development and problem-solving techniques during the JSpiders internship, resulting in superior coding skills and logic building capabilities. • Proactive approach to learning and professional growth, demonstrated by seeking out new challenges and opportunities to expand technical skill set and stay up-to-date with industry trends.
Education
The Oxford College of Science
Bachelor of Computer Application, Computer Science
Nov 2021–Jun 2024
Skills
React.jsTypeScriptJavaScript ES6+HTML5CSS3Node.jsExpress.jsMongoDB AtlasMySQLReact RouterRedux ToolkitMaterial UIstyled-componentsD3.jsApache EChartsTailwind CSSBootstrapCSS ModulesGitGitHubViteWebpackSVNJestReact Testing LibraryLazy LoadingCode SplittingBundle OptimizationAccessibilityWCAGARIASemantic HTMLOpencodeClaude CodeOpenAI APIGemini APILangGraphPrompt EngineeringREST APIsGoogle OAuthPassport.jsAmazon EC2VercelNginxngrokCI/CDServer-Sent EventsJavaScriptWeb DevelopmentStorybookWeb AccessibilityComponent ArchitectureCross-functional CoordinationTechnical LeadershipCode ReviewShareholder CommunicationsVisual SVNAgile MethodologiesWeb Content Accessibility Guidelines (WCAG)React HooksScrumFront-End DevelopmentData VisualizationLocomotiveFigma (Software)JiraBootstrap (Framework)Redux.jsJavaJava Database Connectivity (JDBC)HTMLServletsComponent-Driven ArchitectureFrontend Performance OptimizationContext APICascading Style Sheets (CSS)GreenSock Animation Platform (GSAP)
Projects
Zephyr
AI conversational web application integrating the OpenAI API with optimized request handling, real-time context-aware response streaming, dynamic chat rendering, and modular React architecture.
KPI Management & Analytics Platform
Platform featuring real-time KPI previews, REST API integration, and interactive D3.js dashboards for visualizing KPI, metric, and measure relationships.
ECM – Enterprise Concept Management Platform
Enterprise platform featuring ontology graph visualizations with Apache ECharts and structured interfaces for complex data hierarchies.
Gemini clone
• The Gemini Clone project is an advanced replication of the Gemini application, utilizing React JS for a sleek frontend and integrating with the robust Gemini API for dynamic data handling. • Incorporates reusable components such as Header, Footer, and various content sections for modular and maintainable code. • Capable of generating real-time answers based on user prompts and fully responsive to ensure optimal performance across all devices