Manas AgrawalBuilding intelligentproducts with codeand AI.
I design, build, and deploy modern web applications, AI-powered tools, and polished digital products.
Real products, real impact
Each project is built with production in mind — real users, real data, real infrastructure.
Grahbook
WhatsApp Commerce for Indian Merchants
Built from the ground up as a full commerce platform for local Indian merchants who run their business through WhatsApp. The problem: small shops in India rely entirely on WhatsApp to chat with customers, but have no way to manage orders, payments, or inventory within the app. Grahbook turns any WhatsApp number into an AI-powered store — customers can browse catalogs, place orders, and pay via UPI without ever leaving the chat. The landing page features a WhatsApp phone mockup with live chat simulation, dark/light theme, and real-time merchant dashboard preview. The React dashboard shows AI-powered ledger entries, automated revenue tracking, and a bento-grid metrics layout — all animated with Framer Motion.
FormLabs
Visual drag-and-drop form builder
Built from scratch when I needed a faster way to ship forms for client projects. The problem: hand-coding every form field, styling, and state management was killing productivity. FormLabs lets you drag fields onto a canvas, configure properties in real-time, and export clean HTML or React code in one click. Used HTML5 Drag and Drop API — zero external dependencies for the core interaction. Ships complete forms with proper labels, validation, and state handling.
CodeSnap
AI-powered code screenshot tool
I noticed developers spend time manually formatting code for social media posts and presentations. CodeSnap solves this with a live code editor (CodeMirror), syntax highlighting via highlight.js, and one-click PNG export at 2x resolution. Added an AI explain feature using GPT-4o-mini for when you need to quickly understand or present someone else's code. Four themes (Dark, Light, Nord, Monokai) cover the major presentation styles developers actually use.
JEE OS
AI-powered exam preparation platform (in development)
Currently building a comprehensive OS-like platform for JEE preparation. Focused on AI-powered study recommendations, real-time progress tracking, and personalized learning paths. The architecture uses Next.js with PostgreSQL and Prisma for the data layer, with AI recommendations powered by OpenAI.
AI Study Planner
Smart scheduling with AI (in development)
An intelligent study planner concept that uses AI to create optimized study schedules based on your learning patterns. The idea is to adapt in real-time as you progress, identifying weak areas and adjusting the curriculum automatically.
What Manas Agrawal is shipping now
JEE OS
Active DevelopmentA focused AI-powered study platform for JEE prep with personalized learning paths and analytics.
AI Study Planner
Active DevelopmentAn adaptive planner concept that reshapes study sessions based on learning patterns and progress.
CodeSnap
Recently LaunchedLive code screenshot tool with syntax highlighting, 4 themes, PNG export, and AI explanations.
FormLabs
Recently LaunchedA visual drag-and-drop form builder with 11 field types, live configuration, and clean export.
Services I offer
From concept to deployment — I build products that solve real problems.
Web Apps
Full-stack web applications with Next.js, React, TypeScript, and modern backend stacks. From MVPs to production systems.
AI Integration
Add intelligence to existing products — GPT-powered features, code analysis, smart recommendations, and automated workflows.
Full-Stack Consulting
Architecture reviews, code audits, and technical direction for teams looking to level up their stack and development practices.
From idea to production
Discovery
We talk through your idea, goals, and constraints. I ask the tough questions before a single line of code is written. You get a clear scope and timeline.
Design & Prototype
I wireframe the core flows and build a working prototype fast. No pixel-perfect mockups — we validate with real interactions, not static screens.
Build & Iterate
I ship in short cycles so you see progress weekly. You review real deployed features, we adjust direction, and nothing gets built twice.
Deliver & Deploy
Production deployment with monitoring, documentation, and a handoff you actually understand. I don't disappear after launch.
About Manas Agrawal
I'm Manas Agrawal, focused on building modern web products, AI tools, and polished experiences that feel useful from the first interaction.
Started Web Development
Began with HTML, CSS, and JavaScript, then moved quickly into building responsive interfaces and small production-ready tools.
Shipping Full Stack Products
Expanded into React, Next.js, Node.js, and full-stack delivery while learning how to turn ideas into something people can actually use.
Building AI Products
Now focused on AI-powered products like FormLabs, CodeSnap, and Grahbook with a product-first mindset.
Tools I work with
How I build
Builder-first mindset
I start with the user problem, then shape the interface and architecture around what actually needs to ship.
Full-stack execution
I move comfortably across frontend, backend, and deployment, which makes it easier to keep momentum while iterating.
Shipping intelligence
I add AI where it helps the product, not as decoration. That keeps the experience useful, fast, and focused.
Why work with Manas Agrawal
Real products, not demos
FormLabs and CodeSnap are live, deployed, and usable right now. The portfolio is built around evidence, not claims.
Full ownership, end to end
Design, architecture, backend, frontend, deployment — Manas handles the whole chain and keeps momentum intact.
Communication stays simple
Updates stay in plain English, progress stays visible, and the project stays easy to follow.