NEXTOPIC is a web application of chatbots built with React and Redux. It's designed to work with a backend that can call the OpenAI API to generate responses.
- Simple user interface
- Real-time stream response
- Built with React for a responsive and interactive frontend
- State management with Redux
- Work with a backend to call OpenAI API
Here's a list of planned features and improvements for future development:
- Enable chat mode switching functionality
- Add the ability to delete individual messages and clear all chat history
- Add a settings page
- Implement user authentication with multiple login options
- Login with Google
- Login with Email
- Support cloud synchronization of chat history
Before you begin, ensure you have met the following requirements:
- Node.js (version 14 or later)
- npm (usually comes with Node.js)
- Your OpenAI API KEY
To install NEXTOPIC, follow these steps:
-
Clone the repository:
git clone https://github.com/yourusername/nextopic.git -
Navigate to the project directory:
cd nextopic -
Install the dependencies:
npm install
NEXTOPIC must be used with its back end, go NEXTOPIC Host for more instructions.
-
Set the PORT environment variable to avoid conflicts with the backend: On Unix-like systems (Linux, macOS):
export PORT=3001On Windows (PowerShell):
$env:PORT = "3001"
-
Start the development server:
npm start
-
If not opened automatically, visit
http://localhost:3001in your browser.
To persist the PORT environment variable, make a new file named .env.local and paste the following code.
PORT=3001NEXTOPIC is a personal project created for demonstration purposes only. As such, it is not actively seeking contributions. However, you're welcome to fork the repository and modify it for your own use or learning purposes.
If you have suggestions or find issues, feel free to open an issue in the GitHub repository. While I may not be able to address all suggestions, I appreciate your interest and feedback!
This project is licensed under the MIT License - see the LICENSE.md file for details.