Vote this Project Here

January 6, 2025 · View on GitHub

Note : Running Locally is the Best Option as the API Keys might get exhausted after some time and the app would not work as expected.

Learn Coding with CopilotKit, CoAgents, and LangGraphs🚀

📖 About

Not everyone can code, but everyone can learn.

This project is an AI-powered DSA/Competitive Programming Helper with an inbuilt editor to help you:

Prepare for coding interviews
Start learning how to code from scratch
Visualize everything with intuitive representations

Experience the future of coding education!

🌐 Live Demo: learn-coding-with-copilotkit.vercel.app

🌟 Why CopilotKit?

Seamless Integration: Build AI copilots that enhance user experiences effortlessly.
Open Source: Join a thriving community of developers using and contributing to CopilotKit.
Future-Ready: Perfect for in-app AI agents, context-aware chatbots, shared state and beyond!

Learn more about CopilotKit.

Learn coding in a revolutionary way using CopilotKit, CoAgents, and LangGraphs! This project showcases how cutting-edge tools can simplify coding education through interactive UI and AI-driven technologies.

Key Features:

🌐 CopilotKit: Effortlessly integrate AI copilots into your apps, enabling in-app chatbots, context-aware interactions, and more.
🤖 CoAgents: A robust infrastructure for connecting LangGraph agents to humans in the loop, enabling seamless collaboration.
📊 LangGraphs: Visual representations of programming languages to simplify understanding of their structure and syntax.
🖥️ Inbuilt Editor: A powerful coding editor designed to boost productivity and learning.

Screenshots

View Achieved Accuracy

🏗️ Tech Stack

Frontend:

Backend:

APIs:

📚 Topics Covered

TypeScript
Next.js
Competitive Programming
Tailwind CSS
Render Deployment
Koyeb API
ShadCN-UI
Llama-70B
Groq AI
CopilotKit
LangGraph (Python)
CoAgents

⚙️ Installation

Clone the repository:

git clone https://github.com/<your-repo-name>.git

🧩 Configuration

Install the dependencies for the backend:
```
cd agent  
poetry install  
```
Create a .env file in the ./agent directory:
```
GROQ_API_KEY=your_groq_api_key_here  
```
Run the demo:
```
poetry run demo  
```

🖥️ Running the UI

Install the dependencies for the frontend:

cd ./frontend-interface  
npm i --legacy-peer-deps

Create a .env file in the ./frontend-interface directory:
```
GROQ_API_KEY=your_groq_api_key_here  
```
Run the Next.js project:
```
npm run dev  
```
Navigate to http://localhost:3000.

🖥️ Running the Backend

Install the dependencies for the backend:

cd ./backend  
pip install -r -requirements.txt

Create a .env file in the ./frontend-interface directory:
```
GROQ_API_KEY=your_groq_api_key_here  
```
Run the FAST API server:
```
python run_agent.py  
```

🧑‍💻 Usage

Launch LangGraph Studio:
Run LangGraph Studio and load the ./agent folder into it.
Ensure proper configuration: Make sure the .env file is properly configured as mentioned in the setup steps.

🔧 Troubleshooting

If you encounter any issues, try the following:

Ensure no other application is running on port 8000.
In /agent/dsa_agent/demo.py, change 0.0.0.0 to 127.0.0.1 or localhost.

📜 License

This project is UN Licensed.

Give CopilotKit a ⭐ on GitHub if you love it!