• Stars
    star
    284
  • Rank 145,616 (Top 3 %)
  • Language
    TypeScript
  • License
    Apache License 2.0
  • Created almost 2 years ago
  • Updated 4 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

I've developed a ChatGPT clone using Next.js 14, Shadcn-UI, Prisma ORM, and integrated it with the OpenAI API. It offers a user-friendly conversational AI experience.

ChatGPT clone using OpenAI API

This clone is made with React and Node and uses OpenAI API.

Prerequisites

Make sure you have installed all of the following prerequisites on your development machine:

Cloning The GitHub Repository

The recommended way to get ChatGPT clone is to use git to directly clone the repository:

$ git clone https://github.com/nisabmohd/ChatGPT.git

Environment variables React setup

create .env file in client/

VITE_API_URL=http://localhost:8000

Environment variables Node setup

create .env in root folder

OPENAI_API_KEY = YOU_API_KEY_HERE
MONGO_URI = mongodb://0.0.0.0:27017/chatGPT

Running Your Application

open terminal/bash in this repo and enter below commands to start the application

→ To start the server

$ npm run dev

→ To start the client app

$ cd client
$ npm run dev
  • Your client application should run on port 5137 with the development environment configuration, so in your browser just go to http://localhost:5173

  • Your server application should run on port 8000, so in your browser just go to http://localhost:8000

More Repositories

1

Documentation-Template

This comprehensive documentation template, crafted with Next.js and available as open-source, delivers a sleek and responsive design, tailored to meet all your project documentation requirements.
TypeScript
69
star
2

Medium-clone

A full-stack Medium clone built with the MERN stack, enabling users to create, publish, and read articles while offering features like user authentication and real time notification.
TypeScript
32
star
3

Data-Structures-Java

I've implemented a comprehensive set of generic data structures in Java, including arrays, linked lists, stacks, queues, trees, and more, ensuring versatility and efficiency in data handling.
Java
15
star
4

Instagram-mern

I've developed a MERN-based Instagram clone, offering users a platform to sign up, post pictures, follow others, like, comment, and explore a feed, mirroring Instagram's key functionalities.
JavaScript
13
star
5

Chatzoid

A real-time chat application
JavaScript
5
star
6

nisabmohd.blog

Explore a collection of personal blogs chronicling my coding journey and experiences, filled with insights, challenges, and solutions.
MDX
4
star
7

google-drive

Google Drive UI and Features clone
JavaScript
3
star
8

charts-react-shadcn

Recharts library with shadcn ui and NextJS
TypeScript
3
star
9

Tweeter

Progressive MERN social media web application
JavaScript
2
star
10

Catchblog

A blog website for developers.
JavaScript
2
star
11

image-uploader-challenge

Image Uploader Challenge | Devchallenges.io
JavaScript
2
star
12

LinkLob

LinkLob: A simple SaaS tool for instantly pasting and sharing URLs. Create and distribute links effortlessly.
TypeScript
2
star
13

graphQLFetch

Client Side GraphQL query using browser fetchAPI
JavaScript
1
star
14

astro-blog-template

A modern and responsive Astro blog template optimized for performance, SEO, and easy customization.
Astro
1
star
15

News

A real-time news web application made using ReactJS
JavaScript
1
star
16

Pasteden

Paste now and review later
JavaScript
1
star
17

Zustand-NextJS

Elevate your Next.js application with Zustand for streamlined and powerful state management.
TypeScript
1
star
18

DS-Typescript

An all-encompassing TypeScript repository featuring a rich collection of meticulously implemented data structures, ranging from fundamental classics to advanced ones, providing a comprehensive toolkit for building versatile and performant software solutions.
TypeScript
1
star