OpenAI GPT

Overview

This project is an AI chatbot developed using Vite, TypeScript, React, Node.js, Express, and MongoDB. It incorporates various technologies to create a sleek and interactive user interface.

Chat Preview

Login UI

SignUp UI

Want a look on backend repo ?

https://github.com/yuvrajgupta010/openai-gpt-backend

Run Locally

Clone the project

  git clone https://github.com/yuvrajgupta010/openai-gpt-frontend.git

Go to the project directory

  cd openai-gpt-frontend

Install dependencies

  yarn install

Start the project

  npm run dev

Tech Stack

Client: Vite, TypeScript, React, Material-UI, Axios, React Router, React Hot Toast, React Icons, React Type Animation

Backend: Node.js, Express, OpenAI,MongoDB, JWT, bcrypt, Mongoose, Express Validator, CORS, Morgan, Dotenv

Database: Mongo DB

Cloud: DigitalOcean

Features

• Responsive Interface: Utilized Material-UI for a modern and aesthetically pleasing design.
• Interactive Elements: Integrated React Hot Toast, React Icons, and React Type Animation for enhanced user engagement.
• Security: Secured user interactions with JWT and bcrypt.
• Database Integration: Employed Mongoose for seamless integration with MongoDB.
• Validation: Implemented Express Validator for robust request validation.
• Middleware: Utilized CORS middleware for secure sharing.
• Logging: Leveraged Morgan for HTTP request logging.
• Environment Management: Used Dotenv for environment variable management.