QuickGPT update: multi-model chat and sidebar productivity

QuickGPT update: multi-model chat and sidebar productivity

  • 06 Feb 2026

QuickGPT

A fast, modern AI chat interface with markdown support, dark/light theme, Netlify serverless backend (OpenAI GPT-3.5 & Claude), and progressive web app polish.

QuickGPT

Features

  • Chat – Multi-turn conversations with OpenAI Claude and GPT-3.5 models
  • Markdown & code – AI replies rendered as markdown with Prism.js syntax highlighting and copy buttons
  • Drafts per conversation – Inputs are auto saved locally per chat
  • Quick replies – Suggested follow-up prompts (“Explain simpler”, “Give examples”, etc.)
  • Message edit & resend – Edit any user message and regenerate from that point
  • Regenerate / stop – Regenerate the last AI response or cancel in-flight requests
  • Read aloud – Listen to any AI reply with Web Speech API voice controls
  • Conversation management – Rename, pin, delete, reorder via searchable sidebar
  • Export & copy – Download chat history (JSON/TXT/MD) and copy individual responses
  • PWA-ready – Manifest + service worker + install prompt keep the UI installable on mobile
  • Keyboard-aware layout – Input stays visible above the Android keyboard with soft scrolling tweaks
  • Accessibility – ARIA labels, roles, keyboard support (Escape clears input)
  • Retry toast – “Retry” button surfaces automatically on rate limits (429)

Live preview

Setup

  1. Clone and install

    git clone https://github.com/jovylle/chat.git
    cd chat
    npm install
    
  2. OpenAI API key

    • Get an API key from OpenAI.
    • In Netlify: Site settings → Environment variables add:
      • MY_OPENAI_API = your OpenAI API key
  3. Run locally (Netlify Dev)

    npx netlify dev
    

    Or serve the public folder (e.g. npx serve public) and point to the deployed /.netlify/functions/chat if already live.

  4. Deploy

    Connect the repo to Netlify; build command can be empty, publish directory: public, functions: netlify/functions. Netlify’s redirect rules ensure the SPA works and legacy hosts keep pointing to chat.uft1.com.

Project structure

  • public/ – Static frontend (index.html, prism.js, prism.css)
  • netlify/functions/chat.js – Serverless function that proxies requests to OpenAI
  • netlify.toml – Netlify config (build, redirects, headers)

License

MIT · jovylle

Related Posts

Building a JSON Database with Vue & Netlify CMS

  • 18 Oct 2025

# Building a JSON Database with Vue & Netlify CMS I've been working on a unique project that combines static site generation with dynamic content management. The idea? Create a **JSON-based database

Read More