ChatGPT Example

Video

Overview

This repository is an example project demonstrating the integration of ChatGPT using a React frontend and Express backend.

Key Features

• Frontend:

  • Built with create-react-app
  • State management with redux-toolkit
  • Side effects handling with redux-saga
  • UI components styled with Ant Design

• Backend:

  • Server created with Express
  • Integration with OpenAI API for ChatGPT functionality

Table of Contents

• Installation
• Development
• Production
• Contributing
• License

Installation

Prerequisites

• Node.js
• npm or yarn

Steps

1. Clone the repository:

   git clone https://github.com/bcExpt1123/chatgpt-example.git
   cd chatgpt-example
   

2. Install dependencies for both frontend and backend:

cd backend
npm install
cd ../frontend
npm install

Development

Running the Backend

Navigate to the backend directory and start the development server:

cd backend
npm run dev
# or
yarn dev

Running the Frontend

Navigate to the frontend directory and start the development server:

cd frontend
npm start
# or
yarn start

Production

Building and Running the Backend

cd backend
npm run start

Building and Running the Frontend

cd frontend
npm run build

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Additional Resources

• Homepage
• Report Issues
• Author