In order to learn more about web development with JavaScript/TypeScript, I developed a physical, working copy of ChatGPT in a B7Web class.
Through data received from the OpenAI API, the program seeks to answer "all" your questions with the use of artificial intelligence (AI) quickly and intuitively.
- JavaScript: base programming language of the project
- TypeScript: programming language developed to add advanced features to JavaScript, such as static typing and interfaces
- Node.js: allows the execution of JavaScript code outside the browser
- React: create user interfaces on web pages
- Next.js: provides a number of additional features to React to facilitate the development of web applications
- Tailwind CSS: CSS framework used to style pages in a faster and more practical way
- OpenAI API: integrate the artificial intelligence developed by OpenAI into the project
You can view the hosted page by clicking here.
Observation: if you are not receiving chat replies, you may need to manually configure your OpenAI API key. To do this, clone this project's repository, create an .env
file and set your API key in the field provided in the file (see the .env.example).