Full-stack developer & DevOps engineer who builds fast, reliable web apps

StarVox is a multi-tenant SaaS dashboard where a business sets up an AI phone agent that answers every call, books appointments and logs each conversation. The brief The client wanted creating an AI telephone agent to feel like hiring an employee: answer five plain-English questions (what it should do, how it should speak, what it should know, which systems it connects to, which number it answers) and go live. Non-technical by default, with model and telephony settings tucked away behind an Advanced section. What I built I designed and built the whole web front end in Next.js 16 and React 19 against the client's real, deployed backend: around 110 API endpoints and no mock data. Every screen reads live data, and a screen whose API is not switched on yet says so instead of showing fake numbers. Dashboard: calls, voice minutes, bookings, missed calls, outcomes and a 7-day call chart. AI agents: greeting, system prompt, language and status, plus a Test call button that talks to the agent in the browser over LiveKit WebRTC. Voice picker: searches a catalog of 19,000+ ElevenLabs voices on the server, with language, accent and gender filters and one-click previews. Call history: recording, a turn-by-turn transcript, an AI summary and the details the agent pulled out of the call (date, time, party size, request type). Bookings and requests collected by the agents, ready for staff to action. Integrations: ERPNext, webhooks, WhatsApp (UltraMsg) and email, each with a test-connection button and a delivery log. Outbound campaigns: AI conversations or recorded voice broadcasts, with a do-not-call list. Self-service onboarding: sign-up, email verification, password reset, plan selection, Stripe checkout and a guided first-run tour. Super-admin area for companies, plans and billing across every tenant. Design and performance A custom purple/cyan brand system in Tailwind CSS 4 and shadcn/ui, in both light and dark mode. Motion is CSS-only (I dropped a JavaScript animation library that was slowing down page changes), fonts are trimmed to the weights actually used, every screen has its own page title, and only the public sign-in pages are indexable. Delivery Strict tenant isolation (the tenant comes from the login token, never from the browser), role-based screens for company admins and operators, and automated deployment from GitHub Actions to an Ubuntu server behind nginx.

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS 4
• +9

Miragic.ai is a comprehensive Generative AI SaaS platform that empowers users to create stunning AI-generated content across multiple modalities. Built as a full-stack web application, it combines cutting-edge artificial intelligence technologies with an intuitive user interface to democratize creative AI tools for professionals and enthusiasts alike. The platform features six core AI-powered tools: AI Background Removal for instant image editing, Virtual Try-On for realistic clothing simulations, Speed Painting for AI-assisted artistic creation, Text-to-Image Generation for visual content creation, Sales Pilot for AI-driven business intelligence, and advanced audio processing with Text-to-Speech and Speech-to-Text capabilities. With a robust credit-based system, subscription management, and enterprise-grade security, Miragic.ai serves thousands of users globally, providing seamless access to state-of-the-art AI models while maintaining exceptional performance and user experience. Technologies Frontend: React 19, TypeScript, Vite, TailwindCSS 4, Radix UI, Framer Motion, React Router, Axios, Chart.js, Stripe.js, Socket.io Client Backend: Node.js, Express 5, TypeScript, Prisma ORM, PostgreSQL, Redis, BullMQ, Socket.io, Passport.js, Multer, Stripe, JWT, Winston Logging Infrastructure: Docker, Redis Caching, Rate Limiting, Security Middleware, File Storage, WebSocket Services, External AI APIs Development Tools: ESLint, Prettier, Husky, Git Hooks, Environment Management, Database Migrations, API Documentation Payment & Auth: Stripe Payments, Google OAuth, Apple OAuth, Email Verification, Password Reset, Credit Transactions AI Integration: External ML APIs, Form Data Processing, Async Job Processing, Real-time Updates, Error Handling

• React 19
• TypeScript
• Vite
• TailwindCSS 4
• +20

I have created the Used Phones Resale project using npx create-react-app b612-used-products-resale-clients-side-rakibulinux and then install some npm packages like react-router, react-hot-toast, firebase, lottie-react, react-icons, react-router-dom, and react-to-pdf, to make my work perfect. Then created some components inside of the components folder also added a router file inside of the Routers folder. After this I focused on my API load and firebase authentication work. API loaded via react-router loader also used react context API to make my work faster.

• React JS
• React Router
• React Hot Toast
• React Context API
• +12

I have created the Rakib Learning project using npx create-react-app b6-learning-platform-client and then install some npm packages like react-router, react-hot-toast, firebase, Lottie-react, react-icons, react-router-dom, and react-to-pdf, to make my work perfect. Then created some components inside of the components folder also added a router file inside of the Routers folder. After this, I focused on my API load and firebase authentication work. API loaded via react-router loader also used react context API to make my work faster.

• React JS
• React Router
• React Hot Toast
• React Context API
• +9