README update with env setup

Author: followDev

README.md

@@ -8,19 +8,22 @@ Make sure you have installed all of the following prerequisites on your developm
 * Git - [Download & Install Git](https://git-scm.com/downloads). OSX and Linux machines typically have this already installed.
 * Node.js - [Download & Install Node.js](https://nodejs.org/en/download/) and the npm package manager. If you encounter any problems, you can also use this [GitHub Gist](https://gist.github.com/isaacs/579814) to install Node.js.
 
-## Environment variables setup example
-```
-OPENAI_API_KEY = YOU_API_KEY_HERE
-MONGO_URI = mongodb://0.0.0.0:27017/chatGPT
-```
-
-
 ## Cloning The GitHub Repository
 The recommended way to get ChatGPT clone is to use git to directly clone the repository:
 
 ```bash
 $ git clone https://github.com/nisabmohd/ChatGPT.git
 ```
+## Environment variables Node setup 
+```
+VITE_API_URL=http://localhost:8000
+```
+
+## Environment variables Node setup 
+```
+OPENAI_API_KEY = YOU_API_KEY_HERE
+MONGO_URI = mongodb://0.0.0.0:27017/chatGPT
+```
 
 ## Running Your Application
 

client/package-lock.json

@@ -19,6 +19,7 @@
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "@vitejs/plugin-react": "^3.0.0",
+    "react-error-overlay": "^6.0.9",
     "typescript": "^4.9.3",
     "vite": "^4.0.0"
   }

client/package.json

@@ -1 +1 @@
-export const url = "https://chat-gpt-ldgi.vercel.app";
+export const url: string = import.meta.env.VITE_API_URL as string;

client/src/url.ts

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+});