ChatGPT Clone Tutorial

Welcome to the ChatGPT Clone tutorial! 🚀 In this project, we’ll build a simple ChatGPT-style application using Vite, React, TypeScript, and Chakra UI v3 for a fast, modern, and highly customizable user interface.

Follow along this Tutorial:

📽️ https://youtube.com/playlist?list=PLx2Y9Sna27Xtmbo3CAbHvQJFU064zB4kF&si=zOu4HeKmfFbWpL_0

This tutorial is an excellent way to learn how to use Chakra UI for styling and theming.

Tech Stack

• Vite: For fast and optimized development with zero config.
• React: The UI library for building our interface.
• TypeScript: Adding static typing to JavaScript for improved development experience.
• Chakra UI v3: The latest version of Chakra UI.

Getting Started

Prerequisites

Before you begin, ensure you have Node.js (v20 or above)

Installation

• Clone this repository:

git clone https://github.com/estheragbaje/chatgpt-clone-tutorial.git

• Go into the directory

cd chatgpt-clone-tutorial

• Install dependencies:

npm install

• Start the development server:

npm run dev

This will launch the app on http://localhost:5173 (or as specified in the terminal).