GPT messenger clone

In a learn by doing approach, I re-created a lookalike frontend of Chat GPT official web app to try out an experiement OpenAI API.

Project Image

Overview

The app allows users to choose their preferred ChatGPT model and the chat functionalities are leverage with OpenAI API and Firebase. The application is built using latest version of Next.js with dynamic routing and server components, and Tailwind CSS to create a fully responsive web app.

The app also features secure authentication, allowing users to create and manage their own personalized chatbots. HeroIcons are used to enhance the app's user interface. CI/CD is implemented with Vercel and GitHub.

Stack

TypeScript
NextJS
Tailwind CSS
SWR
Firebase Authentication
Cloud firestore
Vercel deploy
GitHub