chatgpt react express

Aplikasi ChatGPT React

Ini adalah aplikasi berbasis reaksi yang memanfaatkan kekuatan Openai's ChatGPT API untuk menghasilkan respons seperti manusia dalam antarmuka obrolan. README.MD ini akan memandu Anda melalui pengaturan dan penggunaan aplikasi ini. Server Express berfungsi sebagai proxy untuk berkomunikasi dengan API ChatGPT menggunakan GPT-Turbo, karena paket OpenAI mengalami kesulitan menggunakan model GPT-3.5-turbo.

Daftar isi

1. Fitur
2. Prasyarat
3. Instalasi
4. Penggunaan
5. Berkontribusi
6. Lisensi

? Fitur

• Frontend berbasis reaksi yang memberikan pengalaman pengguna yang lancar.
• Integrasi dengan Openai's ChatGPT API untuk generasi bahasa alami yang kuat.
• Antarmuka obrolan responsif yang beradaptasi dengan berbagai ukuran layar.
• Penanganan kesalahan menyeluruh untuk memastikan pengalaman yang mulus.

? Prasyarat

Sebelum Anda memulai, pastikan Anda menginstal berikut:

• Node.js (v14 atau lebih tinggi)
• NPM (V7 atau lebih tinggi)
• Kunci API Openai (daftar di sini jika Anda tidak memilikinya)

Instalasi

Untuk mengatur proyek di mesin lokal Anda, ikuti langkah -langkah ini:

1. Klon Repositori:

git clone https://github.com/yourusername/chatgpt-react-express-app.git

2. Ubah ke Direktori Proyek:

 cd chatgpt-react-express-app

3. Instal dependensi:

npm install

4. Buat file .env di direktori root dan tambahkan kunci API openai Anda:

 REACT_APP_OPENAI_API_KEY=your_openai_api_key

5. Aplikasi ini menggunakan proses terpisah untuk front-end dan back-end. Anda dapat menjalankannya secara individual atau bersamaan menggunakan skrip NPM berikut:

Jalankan server back-end saja:

npm run server

Jalankan server pengembangan reaksi front-end saja:

npm run client

Jalankan server back-end dan front-end secara bersamaan:

npm run dev

Aplikasi sekarang akan berjalan di http://localhost:3000 . Buka browser Anda dan navigasikan ke alamat ini untuk mulai menggunakan aplikasi.

Penggunaan

1. Ketik pesan Anda di bidang input di bagian bawah antarmuka obrolan.
2. Tekan Enter atau klik tombol Send untuk mengirimkan pesan Anda.
3. Aplikasi akan mengirim pesan ke API chatgpt dan menampilkan respons yang dihasilkan di jendela obrolan.
4. Anda dapat melanjutkan percakapan dengan mengirim lebih banyak pesan. Riwayat obrolan akan terlihat, memungkinkan percakapan yang lebih menarik dan interaktif.

? Berkontribusi

Kontribusi dipersilakan! Jika Anda ingin meningkatkan atau memperluas proyek, silakan ikuti langkah -langkah ini:

1. Garpu repositori.
2. Buat cabang baru dengan nama deskriptif.
3. Buat perubahan Anda di cabang baru.
4. Kirimkan permintaan tarik dengan deskripsi terperinci tentang perubahan Anda.

Kami akan meninjau permintaan tarik Anda dan memberikan umpan balik atau menggabungkan perubahan Anda sesegera mungkin.

? Lisensi

Proyek ini dilisensikan di bawah lisensi MIT. Lihat file lisensi untuk lebih jelasnya.