• 📍 Overview
• 👁️ View
• 📦 Features
• ⚠️ Considerations
• 📂 Repository Structure
• 🚀 Getting Started
• 🔖 References

Chat App with AI is a powerful web application built with React and JavaScript that enables users to engage in conversations with OpenAI's GPT-3. With both front-end and back-end components developed using Express, this application harnesses the capabilities of state-of-the-art natural language processing to create dynamic and interactive chat experiences.

• Conversational AI: Engage in chat conversations with GPT-3, one of the most advanced language models developed by OpenAI.
• User-Friendly Interface: A sleek and intuitive user interface allows for seamless interactions.
• Real-Time Responses: Receive real-time responses from the AI, making conversations feel natural and dynamic.
• Customizable: Easily customize the chat interface and styles to match your project's branding.
• Scalable Architecture: Built with scalability in mind, enabling you to handle a large number of users and conversations.

Chat App with AI has been developed as a showcase of the capabilities of React, JavaScript, and the power of OpenAI's GPT-3. While it provides a functional chat interface with conversational AI, it's essential to recognize its purpose as a starting point and learning tool for integrating AI chatbots into your web applications.

This project is not meant to be a production-ready chat application for real-world use cases. Instead, it serves as a valuable resource to explore the potential of conversational AI and to help you understand the fundamentals of integrating AI into your web projects.

The OpenAI API is not free, and you will be charged for each request made. Costs can accumulate rapidly, so it's essential to be aware of your usage. You can monitor your API usage and associated costs by visiting the OpenAI API Usage Dashboard.

Setting up a paid account with OpenAI is highly recommended to avoid potential issues. Without a payment method on file, your API usage will be restricted to base GPT-3 models.

└── chat-app-ai_ern/
    ├── .gitignore
    ├── README.md
    ├── client/
    │   ├── .eslintrc.cjs
    │   ├── .gitignore
    │   ├── .prettierrc
    │   ├── index.html
    │   ├── jsconfig.json
    │   ├── package-lock.json
    │   ├── package.json
    │   ├── public/
    │   ├── src/
    │   └── vite.config.js
    └── server/
        ├── .gitignore
        ├── index.js
        ├── package-lock.json
        ├── package.json
        └── routes/

Dependencies

Please ensure you have the following dependencies installed on your system:

- NodeJS

1. Clone the chat-app-ai_ern repository:

git clone https://github.com/guillaume-giannantonio/chat-app-ai_ern

2. Change to the project directory:

cd chat-app-ai_ern

3. Install the dependencies for client:

cd client
npm install

4. Install the dependencies for server:

cd ..
cd server
npm install

5. Fill in the .env.local in client folder and .env in server folder.

https://www.youtube.com/watch?v=ffEDkqfIzxM

↑ Return