Skip to content

Latest commit

 

History

History
50 lines (31 loc) · 1.18 KB

README.md

File metadata and controls

50 lines (31 loc) · 1.18 KB
Raw

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).