ChatGPT-Nuxt

<p align="center"> <img width="1280" alt="image" src="https://github.com/hylarucoder/ChatGPT-Nuxt/assets/5625783/1f361ecb-4d5a-4db7-a622-fa817abea887"> </p> <h1 align="center"> ChatGPT Nuxt </h1> <div align="center"> English <a href="https://github.com/hylarucoder/ChatGPT-Nuxt/blob/main/README.zh-cn.md">简体中文</a> </div>

One-Click to get well-designed cross-platform ChatGPT web UI.

Still in rapid development, the interfaces and project structure are constantly being adjusted. There are no documentation at this stage, and the code is relatively rough. Please make sure that you can understand the code. For serious use, please wait for version v0.1.

Features

Nuxt 3 + Vite + TailwindCSS + PWA
i18n support, including English and 简体中文
Well-designed UI inspired by ChatGPT-Next-Web
TODO: Inherits most features from ChatGPT-Next-Web, but much more extensible and opinionated.
TODO: Local storage for privacy concerns, but offers the option to use cloud services and embrace langchain ecosystem.
TODO: Mobile-friendly interface
TODO: One-click deployment and automatic updating.
TODO: Support POE

ScreenShot

TODO

v0.1 🔥 Complete the migration of all features from ChatGPT-Next-Web
v0.2 Improve code quality, implement one-click deployment and one-click updates
v0.3 Complete responsiveness, adapt to mobile devices
v0.9 Support hybrid storage, support browser local storage (localStorage) and cloud storage for chat messages

Tech Tack

💚 Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc.
⚡️ Vite - Instant HMR.
🎨 TailwindCSS - The CSS engine.
😃 Use icons from any icon sets Nuxt Icon.
🔥 The <script setup lang="ts"> syntax.
🍍 State Management via Pinia.
📥 APIs auto importing - for Composition API, VueUse.
🏎 Zero-config cloud functions and deploy.
🦾 TypeScript, of course.
📲 PWA with offline support and auto update behavior.