FlexAPI Studio

What is My Fullstack App?

My Fullstack App is a modern, professional platform for API testing, learning, and AI exploration. It brings together interactive tools and playgrounds for developers, students, and tech enthusiasts—all in one seamless, responsive web application.

Key Features

  • API Playground: Instantly try out and experiment with multiple APIs, including classic Flask-powered utilities, a machine learning house price prediction API, and a conversational AI chatbot.
  • House Price Prediction: Enter house features and get instant price predictions powered by a trained machine learning model (Random Forest Regressor) deployed on a FastAPI backend.
  • Chatbot: Chat with an AI assistant using state-of-the-art models (GPT-3.5 Turbo, Mistral 7B, Claude 3 Haiku) via OpenRouter, with markdown/code rendering, chat history, and advanced chat features.

How It Works

  • Frontend: Next.js 15 (TypeScript), Tailwind CSS, shadcn/ui, lucide-react, framer-motion for a beautiful, accessible, and mobile-friendly UI. Sidebar navigation, theming, and layout are consistent across all pages.
  • Backend: Flask API (5 endpoints for text/number operations, CORS enabled) and FastAPI (house price prediction with ML model and Pydantic validation).
  • API Flow: The Next.js frontend communicates with both Flask and FastAPI backends via HTTP requests. The chatbot page uses a Next.js API route as a proxy to OpenRouter.ai for secure model access.

User Flow

  1. Navigation: Access all features via a sidebar (responsive, accessible, with hamburger menu on mobile).
  2. API Playgrounds: Each playground (Flask APIs, House Price, Chatbot) provides forms and docs for easy input and instant results.
  3. Docs & About: Comprehensive documentation and About page detail all features, tech, and team info.

Tech Stack

  • Frontend: Next.js 15, TypeScript, Tailwind CSS, shadcn/ui, lucide-react, framer-motion, @headlessui/react
  • Backend: FastAPI (Python), Flask (Python), scikit-learn, pandas, joblib, pydantic
  • Deployment: Vercel/Netlify (frontend), Render (Flask API), custom server (FastAPI)

Why Use This App?

  • Unified, elegant interface for API testing, ML demos, and AI chat
  • Professional, accessible, and mobile-first design
  • Open source, extensible, and easy to deploy or customize
Explore, learn, and build with My Fullstack App!
Contact With Us
Meet the Team
Anas InaamAnas InaamFounder & Lead Developer

Our Mission

To empower developers and learners with a seamless, beautiful platform for API testing, learning, and AI exploration.