Full Stack Developer | React & Next.js | AI Integration | SaaS & Web Applications
Building production-grade web applications with React.js, Next.js, TypeScript, Node.js, and AI-powered features.
Team Lead at BlueGrid Ventures. 10+ applications built and deployed.
Full Stack Developer with 3+ years of experience building scalable web applications, SaaS platforms, and AI-powered tools. I specialize in React.js, Next.js, TypeScript, and Node.js, with deep experience in OpenAI API integration, RAG systems, and multi-tenant architecture.
Currently leading development at BlueGrid Ventures, building client products and internal tools. Active contributor to open source projects focused on AI and developer tools.
- SaaS Applications — Multi-tenant dashboards, authentication, billing, role-based access control
- AI-Powered Tools — OpenAI, Gemini, Claude integrations with RAG, embeddings, and tool calling
- Web Applications — React.js and Next.js frontends with TypeScript and Tailwind CSS
- Backend Systems — Node.js APIs with Prisma ORM, PostgreSQL, MongoDB, SQLite
- Admin Dashboards — Data tables, charts, analytics, and reporting interfaces
- Developer Tools — Code analysis, performance utilities, and productivity applications
No-code visual builder for creating AI chatbots and agent workflows. Custom SVG canvas with drag-and-drop nodes, live LLM integration, embeddable widget, and real-time debugging.
- Stack: Next.js 16, TypeScript, OpenAI, Custom SVG Canvas, Tailwind CSS
- Keywords: AI chatbot builder, visual workflow, no-code, drag-and-drop, LLM integration
- Live: View Project
Visual AI agent builder with tool calling capabilities. Create agents, attach tools, and watch them execute in real-time. Multi-agent system with chat interface.
- Stack: Next.js 16, TypeScript, Prisma 7, OpenAI, SQLite
- Keywords: AI agent, tool calling, multi-agent, real-time execution, OpenAI integration
- Live: View Project
Full-featured SaaS template with authentication, multi-tenancy, team management, subscriptions, and analytics dashboard. Role-based access control and organization management.
- Stack: Next.js 16, TypeScript, Prisma 7, NextAuth v5, Tailwind CSS
- Keywords: SaaS template, multi-tenant, authentication, billing, admin dashboard
- Live: View Project
Enterprise knowledge base with document upload, semantic search, and AI chat. RAG-powered search with OpenAI embeddings and vector storage.
- Stack: Next.js 16, TypeScript, Prisma 7, OpenAI Embeddings, RAG
- Keywords: RAG, knowledge base, semantic search, AI chat, document processing
- Live: View Project
Kanban-style CRM with deal tracking, pipeline management, and revenue analytics. Drag-and-drop interface with real-time analytics and reporting.
- Stack: Next.js 16, TypeScript, @dnd-kit, Prisma 7, Recharts
- Keywords: CRM, sales pipeline, Kanban, deal tracking, revenue analytics
- Live: View Project
AI content creation platform supporting OpenAI, Gemini, and Claude. Content editor with templates, history management, and multi-model comparison.
- Stack: Next.js 16, TypeScript, OpenAI, Gemini, Claude
- Keywords: AI content, multi-provider, content creation, writing tool, AI workspace
- Live: View Project
Enterprise-grade analytics with data tables, charts, filtering, and reporting. Advanced filtering, sorting, pagination, and CSV export.
- Stack: Next.js 16, TypeScript, @tanstack/react-table, Recharts
- Keywords: analytics dashboard, data tables, charts, reporting, enterprise
- Live: View Project
10 essential developer tools: static analyzer, performance estimator, AST explorer, refactoring engine, and more. Productivity suite for JavaScript developers.
- Stack: Next.js 16, TypeScript, AST Parser, Tailwind CSS
- Keywords: developer tools, code analysis, AST explorer, performance metrics
- Live: View Project
Two-sided marketplace for service providers and buyers. Provider profiles, service listings, booking system, and review management.
- Stack: Next.js 16, TypeScript, Prisma 7, SQLite
- Keywords: marketplace, two-sided platform, booking system, service providers
- Live: View Project
Finance tracker for freelancers with income tracking, expense categories, runway calculator, and invoicing. Simple tool for managing freelance finances.
- Stack: Next.js 16, TypeScript, Prisma 7, SQLite
- Keywords: freelancer tools, finance tracker, income tracking, invoicing
- Live: View Project
| Category | Technologies |
|---|---|
| Frontend | React.js, Next.js 16, TypeScript, JavaScript, Tailwind CSS, HTML5, CSS3 |
| Backend | Node.js, Express.js, Prisma 7, REST APIs, GraphQL |
| Databases | PostgreSQL, MongoDB, SQLite, MySQL |
| AI/ML | OpenAI API, Gemini API, Claude API, RAG, Embeddings, Tool Calling |
| Auth | NextAuth v5, JWT, OAuth, Credentials Provider |
| UI/UX | shadcn/ui, Recharts, @dnd-kit, Lucide Icons, Figma to Code |
| DevOps | Git, GitHub, Docker, AWS, Google Cloud, CI/CD |
| Tools | VS Code, Postman, Prisma Studio, npm, Vercel, Netlify |
- SaaS Development — Multi-tenant applications with authentication, billing, and analytics
- AI Integration — OpenAI, Gemini, Claude APIs with tool calling and RAG
- Figma to Code — Pixel-perfect React and Next.js conversion
- Performance Optimization — Core Web Vitals, speed improvements, bundle optimization
- Technical SEO — Meta tags, structured data, sitemap, Core Web Vitals
- API Development — REST APIs, third-party integrations, backend architecture
- Responsive Design — Mobile-first, cross-device compatibility
- Admin Dashboards — Data tables, charts, role-based access control
- Full-Time Roles — Senior Frontend, Full Stack, or Team Lead positions
- Freelance Projects — SaaS development, AI integration, MVPs, prototypes
- Open Source — Contributors welcome on all projects
- Collaboration — Interesting projects and technical partnerships
- GitHub: github.com/Raja-Abbas
- LinkedIn: linkedin.com/in/raja-abbas-affandi
- Portfolio: Upwork Profile
If any of these projects are useful, consider giving them a star. It helps others discover them.