https://github.com/arturbomtempo-dev/goodtime-gpt

Creation of a ChatGPT clone with React, Next.js, Tailwind CSS and TypeScript.
https://github.com/arturbomtempo-dev/goodtime-gpt

chatgpt javascript nextjs openai react tailwindcss typescript

Last synced: 5 days ago
JSON representation

Creation of a ChatGPT clone with React, Next.js, Tailwind CSS and TypeScript.

• Host: GitHub
• URL: https://github.com/arturbomtempo-dev/goodtime-gpt
• Owner: arturbomtempo-dev
• Created: 2023-07-31T23:38:48.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-28T03:01:36.000Z (11 months ago)
• Last Synced: 2025-02-07T19:38:49.535Z (5 days ago)
• Topics: chatgpt, javascript, nextjs, openai, react, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://goodtimegpt.vercel.app
• Size: 69.3 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ChatGPT clone

In order to learn more about web development with JavaScript/TypeScript, I developed a physical, working copy of ChatGPT in a [B7Web](https://b7web.com.br/) class. 

![Image of the GoodtimeGPT project](https://github.com/ArturColen/GoodtimeGPT/assets/96635074/6a770738-16dc-4bb0-b20d-8d71539519e2)

## 🔨 Project functionality

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.

## 💻 Technologies used

* [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript): base programming language of the project

* [TypeScript](https://www.typescriptlang.org/pt/docs/): programming language developed to add advanced features to JavaScript, such as static typing and interfaces

* [Node.js](https://nodejs.org/pt-br/docs): allows the execution of JavaScript code outside the browser

* [React](https://pt-br.react.dev/blog/2023/03/16/introducing-react-dev): create user interfaces on web pages

* [Next.js](https://nextjs.org/docs): provides a number of additional features to React to facilitate the development of web applications

* [Tailwind CSS](https://v2.tailwindcss.com/docs): CSS framework used to style pages in a faster and more practical way

* [OpenAI API](https://platform.openai.com/docs/introduction): integrate the artificial intelligence developed by OpenAI into the project

## 📁 Project access

You can view the hosted page by clicking [here](https://goodtimegpt.vercel.app/).

**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](https://github.com/ArturColen/GoodtimeGPT.git), create an `.env` file and set your API key in the field provided in the file (see the .env.example).