<a name="readme-top"></a>

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 💻 Getting Started
  • Setup
• 👥 Authors
• ⭐️ Show your support
• 🙏 Acknowledgements

<!-- PROJECT DESCRIPTION -->

ChatGPT-App <a name="about-project"></a>

ChatGPT-App is a web application that enables users to create three different types of chats by utilizing the ChatGPT API. With this app, users can register, log in, and submit images to their chats, as well as converse with the bot. The front-end was developed using React and Redux Toolkit Query, while the back-end was built using Express, CORS, Helmet, and Morgan, along with OpenAI.

**Please note that this project currently utilizes a free trial of the OpenAI API, which is set to expire in May-June of 2023. I will be working to update the API key following this period.

🛠 Built With <a name="built-with"></a>

Tech Stack <a name="tech-stack"></a>

Developed using React, redux and express for backend.

<details> <summary>Languages</summary> <ul> <li><a href="https://reactjs.org/">React</a></li> </ul> <ul> <li><a href="https://redux.js.org/">Redux</a></li> </ul> <ul> <li><a href="https://openai.com/">OpenAi</a></li> </ul> </details>

Key Features <a name="key-features"></a>

• Create different types of chats using the ChatGPT API

💻 Getting Started <a name="getting-started"></a>

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• Node.js installed in your computer.

Setup

Clone this repository to your desired folder:

- To clone the repository run this command - "git@github.com:taldr27/ChatGPT.git" OR "https://github.com/taldr27/ChatGPT.git"

- Open a terminal for client and server folders

Installation

Run these commands in both terminals:

- npm install

Usage

To run the project, execute these following commands in both terminals:

- npm run dev
- Visit the direction generated from the client terminal.

To test the different types of chats you need to:

- Register
- Login
- Create a new chat using some of these pre configured chat names:
  - AiChat_{your_chat_name} talks with you.
  - AiCode_{your_chat_name} solves your code related questions.
  - AiAssist_{your_chat_name} autocomplete your sentences.
- Add a new bot to your chat:
  - Go to the right side and click on "Members"
  - Click on "Add member" and choose AI_bot-Elizabeth.
- You can start talking through the app :-).

👥 Authors <a name="authors"></a>

👤 Diego Garcia

• GitHub: @taldr27
• LinkedIn: diegogarcial

⭐️ Show your support <a name="support"></a>

Give a ⭐️ if you like this project!

🙏 Acknowledgments <a name="acknowledgements"></a>

I would like to thank to Stephen Grider for his excellent course.

📝 License <a name="license"></a>

This project is MIT licensed.

<p align="right">(<a href="#readme-top">back to top</a>)</p>