Skip to content

NeuraChatAi is a ChatGPT-4-powered AI chat application with customizable features, responsive design and adaptive themes | React, OpenAI API, Joy UI, Vite, React Router, JavaScript, Material Icons, Day.js, Lodash

MichaelTeida/NeuraChatAi

Repository files navigation

NeuraChat - AI Chat

Introduction

NeuraChatAi is an AI-powered chat application that offers customizable chat experiences. With NeuraChat, you can harness the power of OpenAI's language models to create intelligent conversations tailored to your needs.

Features:

  • Working AI Chat: Real-time conversations powered by advanced language models.
  • OpenAI Integration: Utilize GPT-3.5 and GPT-4 for enhanced chat capabilities.
  • Responsive Design: Enjoy smooth interactions across devices.
  • Customizable Models: Choose from a selection of models with unique performance.
  • Dynamic Settings: Adjust temperature, frequency penalty, max tokens, and top-p for tailored responses.
  • Light/Dark Mode: Enjoy adaptive color themes for a personalized experience.
  • Snackbar Alerts: Receive informative messages and alerts.
  • Messages Memory: Remember previous messages for reference during the conversation.
  • Actions Counter: Track API request usage for the current model.
  • Auto-scroll: Automatically move to the latest message for smooth chatting.
  • Tip Suggestions: Access conversation starters with ease.

Technologies

  • React
  • OpenAI API 4.24.7
  • Joy UI
  • React Router
  • Material Icons
  • Lodash
  • Day.js
  • Sass
  • JS

Installation

To run NeuraChat locally, follow these steps:

  1. Clone this repository.
  2. Navigate to the project directory.
  3. Install dependencies using npm install or yarn install.
  4. Create .env file in project directory and put inside code VITE_OPENAI_API_KEY="your_OpenAi_key" with your OpenAi Api key.
  5. Start the development server with npm run dev or yarn dev. You can use npm run host or yarn host to take a look on your phone.
  6. Open your browser and visit http://localhost:5173 (port may be different) to view the application.

Usage

Once the application is running, you can:

  • Customize AI settings in the sidebar.
  • Engage in conversations in the chat interface.
  • Receive AI-generated responses based on your inputs.
  • Explore tip suggestions for conversation starters.

Feel free to reach out if you have any questions, feedback, or suggestions. Happy chatting with NeuraChatAi!

About

NeuraChatAi is a ChatGPT-4-powered AI chat application with customizable features, responsive design and adaptive themes | React, OpenAI API, Joy UI, Vite, React Router, JavaScript, Material Icons, Day.js, Lodash

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published