https://github.com/lesenelir/ai-space

Integrate AI applications
https://github.com/lesenelir/ai-space

Last synced: 9 days ago
JSON representation

Integrate AI applications

• Host: GitHub
• URL: https://github.com/lesenelir/ai-space
• Owner: lesenelir
• License: apache-2.0
• Created: 2023-12-01T18:06:34.000Z (12 months ago)
• Default Branch: master
• Last Pushed: 2024-04-12T13:29:06.000Z (7 months ago)
• Last Synced: 2024-04-12T20:47:36.073Z (7 months ago)
• Language: TypeScript
• Homepage:
• Size: 3.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# AI-Space

## Introduction

This project is a chat application that uses various AI models to chat with users. 

The application is built with Next.js Pages Router and Tailwind CSS.

Tech Stack: Next.js (Pages Router) + React + TypeScript + Tailwind CSS + Clerk + Jotai + AI + Prisma + MySQL (Client side storage will be added in the future)

 

Online: [https://ai-space.fly.dev](https://ai-space.fly.dev/)

Video: [https://www.bilibili.com/video/BV1C2421A7Nb](https://www.bilibili.com/video/BV1C2421A7Nb/)

## Features

- Frontend

  - [x] Website UI/UX accomplished with Tailwindcss, such as Home Page, Chat Page, etc

  - [x] Composed several UI components, such as Modal, Tabs, Tooltip components, etc

  - [x] Integrate clerk for login authentication 

  - [x] Home page animation 

  - [x] Dark mode and Light mode

  - [x] Mobile support

  - [x] I18n Internationalization

  - [x] Copy to clipboard 

  - [x] Markdown converted to html string and code highlighted

  - [x] Integrate stackblitz for previewing code

  - [x] Speech synthesis and speech recognition

  - [x] Images uploaded to Cloudinary and previewed

  - [x] Maintain the token consumption of each chat

  - [x] Using Jotai for global state management

  - [x] SSR to prefetch data, and hydrate the prefetched data on the client side 

  - [x] Create and save screenshot

  - [x] ChatItem list management based on the update time

  - [ ] ChatItem group management based on the user created groups

- Backend

  - [x] Integrate mysql database and save the chat data to the server

  - [x] Create database tables and restful api routes for data persistence

  - [ ] Count all the tokens spent by a user on this website, and push an alert to the user for every $5 spent.

[https://excalidraw.com/#json=vgp-id8HsxPn0Oy0LyNOQ,U6JMCGeAzL8D4MZPq88Kfg](https://excalidraw.com/#json=vgp-id8HsxPn0Oy0LyNOQ,U6JMCGeAzL8D4MZPq88Kfg)

![tables logo](/public/docs/dark.png#gh-dark-mode-only)

![tables logo](/public/docs/light.png#gh-light-mode-only)

> This project aims to build a full stack application, so I decided to save data to the server.

> 

> Maybe I will add client side storage in the future.

- OpenAI

  - [x] Integrate OpenAI API and add GPT-3.5 GPT-4 GPT-vision models

  - [x] Integrate vercel ai sdk for requesting openai api and implement the stream response

  - [x] Maintain the messages' array state on my own instead of using vercel ai sdk useChat hook

  - [x] Add maxTokens and temperature parameters to openai backend api

  - [x] Maintain the max history size parameter for chat context management 

  - [x] Add my copilots (system message) feature

  - [x] Add refresh the latest reply feature

  - [x] Add generate chat title feature

  - [x] Add generate follow-up questions feature

  - [x] Integrate dall-E model for generating images

  - [x] Integrate tts-1 and tts-1-hd model for text to speech

  - [x] Integrate function calling to build plugin systems

## Inspirations

- [https://chatkit.app](https://chatkit.app)

- [https://chat.openai.com](https://chat.openai.com)

- [https://openai.com/chatgpt](https://openai.com/chatgpt)

- [https://web.chatboxai.app](https://web.chatboxai.app)

## License

Code is licensed under [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0)