Full Stack Developer | React & Next.js Expert | Building SaaS & AI Apps
Senior Full Stack Developer specializing in React.js, Next.js, TypeScript, Node.js, and AI Integration. I build production-grade SaaS applications, AI-powered web apps, and scalable backend systems. Team Lead at BlueGrid Ventures. 10+ production apps built and deployed.
- SaaS Development — Multi-tenant dashboards, authentication, billing, role-based access
- AI Integration — OpenAI, Gemini, Claude APIs, RAG, embeddings, tool calling
- React & Next.js — Modern frontend with TypeScript, Tailwind CSS, shadcn/ui
- Node.js Backend — REST APIs, Prisma ORM, PostgreSQL, MongoDB, SQLite
- Figma to Code — Pixel-perfect responsive UI conversion
- Performance Optimization — Core Web Vitals, SEO, speed improvements
Visual AI agent builder with tool calling. Create agents, attach tools, and watch them execute in real-time. Multi-agent system with real-time execution and 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
RAG-powered knowledge base with document upload, semantic search, and AI chat. Enterprise-grade knowledge management with AI-powered search.
- Stack: Next.js 16, TypeScript, Prisma 7, OpenAI Embeddings, RAG
- Keywords: RAG, knowledge base, semantic search, AI chat, document processing
- Live: View Project
Drag-and-drop visual builder for creating AI chatbots and agent workflows. Custom SVG canvas with real-time preview and export.
- Stack: Next.js 16, TypeScript, Custom SVG Canvas, OpenAI
- Keywords: chatbot builder, visual workflow, no-code, AI chatbot, drag-and-drop
- Live: View Project
Kanban-style CRM with deal tracking, pipeline management, and revenue analytics. Drag-and-drop interface with real-time analytics.
- Stack: Next.js 16, TypeScript, @dnd-kit, Prisma 7, Recharts
- Keywords: CRM, sales pipeline, Kanban, deal tracking, revenue analytics
- Live: View Project
Multi-provider AI content creation platform supporting OpenAI, Gemini, and Claude. Content editor with templates and history management.
- Stack: Next.js 16, TypeScript, OpenAI, Gemini, Claude
- Keywords: AI content, multi-provider, content creation, writing tool, AI workspace
- Live: View Project
10 essential developer tools: static analyzer, performance estimator, AST explorer, refactoring engine, and more. Productivity suite for developers.
- Stack: Next.js 16, TypeScript, AST Parser, Tailwind CSS
- Keywords: developer tools, code analysis, AST explorer, performance metrics
- 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
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
Simple finance tracker for freelancers — income tracking, expense categories, runway calculator, and invoicing.
- 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 — Complete multi-tenant applications with auth, billing, analytics
- AI Integration — OpenAI, Gemini, Claude APIs with tool calling and RAG
- Figma to Code — Pixel-perfect React/Next.js conversion
- Bug Fixes — Fast identification and resolution of React/Next.js issues
- Performance — Core Web Vitals optimization, speed improvements
- SEO — Technical SEO, meta tags, structured data, sitemap
- API Integration — REST API connection to any backend
- Responsive Design — Mobile-first, cross-device compatibility
- Landing Pages — High-converting, SEO-optimized pages
- Admin Dashboards — Data tables, charts, role-based access
- Upwork: Full stack development contracts — SaaS, AI apps, Shopify, Figma to code
- Freelance: Short-term projects, MVPs, prototypes
- Open Source: Contributors welcome on all projects
- Team Lead: Senior developer roles with leadership opportunities
- GitHub: github.com/Raja-Abbas
- LinkedIn: linkedin.com/in/raja-abbas-affandi
- Upwork: Hire me on Upwork
If any of these projects help you, give them a star on GitHub. It means a lot and helps others find them.