Problem Description

I have a website: link

It’s a fork of the ChatGPT clone chatgpt-enhanced, which I have modified and added features to.

I would like to convert my ChatGPT clone codebase to a different style of codebase that follows chatbot-ui, which has over 3.8k GitHub stars.

Why am I doing this? The chatbot-ui codebase is more actively improved upon (i.e. i'll be able to integrate future features)

The primary changes required in this conversion:

• Existing: Javascript, Converting to: Typescript
• Existing site has google auth & stripe integration, this needs to be included
• Existing code uses create-react-app, it’ll needs to be converted to next.js
• Simplify the code & fix the css wherever you can. Don't add additional types beyond what chatbot-ui uses.

I'll provide you my private codebase for the conversion.

You likely want to start with Chatbot-UI, then port the functionality of my app over to it

Acceptance Criteria

• Make the new codebase as similar to https://github.com/mckaywrigley/chatbot-ui as possible.
• After conversion, the app should be ready for deployment to Firebase Hosting (where it is currently hosted).
• The codebase should be designed to easily merge future updates from chatbot-ui.

Technical Details

The project uses:

• Firebase Realtime Database and Firestore Database
• Stripe
• Google authentication
• A simple Node.js backend that should be converted to a Next.js API
• The existing app uses a combination of a Socket.IO WebSocket and a server-sent event stream, similar to chatbot-ui. This should be converted to the chatbot-ui style of server-sent event stream.

Link to Project

My Site