Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tamoziit/mygpt

A failed attempt to make a ChatGPT clone using OpenAI API :)
https://github.com/tamoziit/mygpt

axios controllers cors expressjs http-only-cookies jwt-authentication middlewares mogodb morgan-middleware openai-api responsive-web-design typescript

Last synced: 3 days ago
JSON representation

A failed attempt to make a ChatGPT clone using OpenAI API :)

Awesome Lists containing this project

README

        

![MasterHead](MyGPT1.png)

MyGPT - using OpenAI API


A failed attempt to make a ChatGPT clone using OpenAI API :)

# Features

homepage

- AI chatbot interaction (couldn't be implemented coz I didn't pay for the API key, lolll).
- Secure user experience.
- Secure database to store user data & credentials.
- Storing user chat history.

# Concepts Learned

- Building web applications using Typescript.
profilepage

- Developing interactive UI design using React.js, CSS3 & MaterialUI.
- Building a MongoDB integrated backend server to handle client-side requests and store user data in the DB.
- Implementing secure web-protocols like JWT-authentication, HTTP-only-cookies, Hashing of passwords, etc.
- Using backend controllers and client-side React state managers, including Axios to ensure seamless integration of the backend with frontend.
- Calling OpenAI API's chatgpt-turbo-3.5 endpoint to implement an end-to-end conversation chatbot.
- Version Control using GitHub.

# Tech Stack

html5 css3 typescript react mongodb nodejs git

# Demo

https://github.com/Tamoziit/MyGPT/assets/147103492/e0dfd39a-576e-4d4c-b93e-fc2818a13794

# Footnote

The Domain of development is not always fun and games. It can get hard and frustrating at times, and when your application doesn't work coz you didn't pay for the API key, it hurts more :) But the secret to strive is actually "Strive more, Just GO AHEADDD!". Although this website couldn't be completed, yet it was a great learning experience as it introduced me to interesting concepts like Web security protocols, securing websites & DBs, as well as the totally new & trending language - Typescript. It was a great learning experience!