MCPcopy Index your code
hub / github.com/dvasyliev/react-ai-chatbot

github.com/dvasyliev/react-ai-chatbot @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
50 symbols 86 edges 16 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

About me ◽️ 🎬 Udemy Instructor ◽️ 👨🏻‍💻 Front-End Engineer (10+ years) ◽️ 🎯 Mentor for Developers

AI Chatbot App

This repository contains the Source Code for the "AI Chatbot App" from 🤖 React.js AI Chatbot App with ChatGPT, Gemini AI and DeepSeek course.

My Other Courses

Front-End Courses

🧑🏻‍💻 React Crash Course: From Zero to Hero\ 🤖 React.js AI Chatbot App with ChatGPT, Gemini AI and DeepSeek

AI & Vibe Coding Courses

😈 GitHub Copilot for Beginners: AI Coding Crash Course\ 👻 Cursor AI for Beginners: AI Coding Crash Course\ 🏄🏻‍♂️ Windsurf for Beginners: AI Coding Crash Course \ ❤️ Lovable AI: Complete Guide for Vibe Coding

Full-Stack Courses

👓 Next.js Crash Course: Build a Full-Stack App in a Weekend\ 🧩 Node.js Crash Course: Build a REST API in a Weekend

How to use Code Examples from Github

Download the code source

a) Download code source for final application

  1. Open repository main page.

  2. Click on the green "Code" button to open a list and then click on the "Download ZIP" button to download a source code.

Screenshot 2024-06-25 at 17 34 44

b) Download code sources for specific lesson

  1. Open commits page.

  2. Click on the "code" icon near the lesson you are interested.

Screenshot 2024-06-25 at 17 48 06

  1. You will be redirected to the specific source code page for this lesson.

  2. Click on the green "Code" button to open a list and then click on the "Download ZIP" button to download a source code.

Screenshot 2024-06-25 at 17 34 44

Open project in the VS code (code editor)

Open the archive on your computer, open VS code (code editor) and cick "File" -> "Open Folder" -> Choose project folder => "Open".

Screenshot 2024-06-25 at 17 40 31

Start application

1. Install dependencies

Run the npm install command to install all the libraries needed to run the application.

2. Run application

Run the npm run dev command in terminal to start the application. Open http://localhost:5173 to view it in your browser. The page will reload when you make changes.

Core symbols most depended-on inside this repo

addMessage
called by 3
src/components/Chat/Chat.jsx
#parseError
called by 2
src/assistants/anthropicai.js
#parseError
called by 2
src/assistants/googleai.js
#parseError
called by 2
src/assistants/openai.js
handleNewChatCreate
called by 1
src/App.jsx
handleContentSend
called by 1
src/components/Controls/Controls.jsx
handleChatClick
called by 1
src/components/Sidebar/Sidebar.jsx
updateLastMessageContent
called by 1
src/components/Chat/Chat.jsx

Shape

Function 25
Method 15
Class 10

Languages

TypeScript100%

Modules by API surface

src/assistants/googleai.js7 symbols
src/assistants/openai.js6 symbols
src/assistants/anthropicai.js6 symbols
src/components/Sidebar/Sidebar.jsx5 symbols
src/components/Controls/Controls.jsx5 symbols
src/App.jsx5 symbols
src/components/Chat/Chat.jsx4 symbols
src/assistants/xai.js3 symbols
src/assistants/deepseekai.js3 symbols
src/components/Theme/Theme.jsx2 symbols
src/components/Assistant/Assistant.jsx2 symbols
src/components/Messages/Messages.jsx1 symbols

For agents

$ claude mcp add react-ai-chatbot \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact