Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/nayalsaurav/ai360/llms.txt

Use this file to discover all available pages before exploring further.

AI360 is a full-stack productivity platform built with Next.js 16 that unifies a live Global AI Insights Dashboard with eight purpose-built AI tools. Whether you need to summarize a long article, generate a professional cold email, produce images from a text prompt, or evaluate a resume against a job description, AI360 handles it through a clean unified interface. Under the hood, the platform routes text and code tasks to Google Gemini 2.5 Flash, delegates image generation to Cloudflare Workers AI (FLUX.1 Schnell), and uses ImageKit for background removal and asset delivery — giving you three best-in-class AI providers through a single application.

​
Key capabilities

Global AI Insights Dashboard

Explore real-time interactive charts on AI training computation, country-level AI system counts, and public sentiment — all sourced from Our World in Data.

Eight AI Utility Tools

Text Summarizer, Cold Email Writer, Email Template Generator, Image Generator, Background Remover, Code Explainer, Flowchart Generator, and Resume Analyzer — all in one app.

Quickstart

Clone the repo, set your environment variables, and send your first AI request in under five minutes.

Configuration

Complete reference for all environment variables across Gemini, Cloudflare Workers AI, and ImageKit.

​
How it’s built

AI360 is a modern TypeScript monolith with no external backend service — every AI call runs through Next.js API routes deployed alongside the frontend.
LayerTechnology
FrameworkNext.js 16 (App Router)
UI libraryReact 19
LanguageTypeScript 5
StylingTailwind CSS v4
Component systemshadcn/ui (Radix UI primitives)
AI — text & codeGoogle Gemini SDK (@google/genai) targeting gemini-2.5-flash
AI — image generationCloudflare Workers AI — @cf/black-forest-labs/flux-1-schnell
Image hosting & transformsImageKit (imagekit, @imagekit/next)
FlowchartsReact Flow (@xyflow/react) and Mermaid
Charts & animationsRecharts, Motion

​
Project structure

ai360/
├── app/
│   ├── page.tsx                      # Landing page
│   ├── layout.tsx                    # Root layout (fonts, theme)
│   ├── dashboard/
│   │   └── page.tsx                  # Global AI Insights Dashboard
│   ├── utilities/
│   │   ├── text-summarizer/
│   │   ├── cold-email-writter/
│   │   ├── email-template-generator/
│   │   ├── image-generator/
│   │   ├── background-remover/
│   │   ├── code-explainer/
│   │   ├── flowchart-generator/
│   │   └── resume-analyzer/
│   └── api/
│       └── utilities/                # Server-side AI route handlers
│           ├── summarizer/
│           ├── cold-email/
│           ├── email-template-generator/
│           ├── image-generator/
│           ├── background-remover/
│           ├── code-explainer/
│           ├── flowchart-generator/
│           └── resume-analyzer/
├── components/                       # Shared UI components (shadcn/ui)
│   └── ui/
└── lib/
    └── imagekit.ts                   # Initialised ImageKit SDK instance
All eight AI tools are accessible as HTTP endpoints under /api/utilities/. Each route is a standalone Next.js Route Handler that validates input, calls the appropriate AI provider, and returns a JSON response — so you can integrate them into your own scripts or frontends with a simple fetch or curl call.

Build docs developers (and LLMs) love

Get started for freeTalk to us