Skip to content

Latest commit

 

History

History
70 lines (44 loc) · 2.11 KB

README.md

File metadata and controls

70 lines (44 loc) · 2.11 KB

OpenAI GPT

home-ui.png

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

prompt.png

Login UI

login-ui.png

SignUp UI

signup-ui.png

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.