Learn Coding with CopilotKit, CoAgents, and LangGraphs 🚀

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

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

• 🌐 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.

View Achieved Accuracy

• Next.js
• ShadCN UI
• Tailwind CSS
• CopilotKit-UI

• Python
• FastAPI
• LangGraphs
• CopilotKit

• Groq
• Llama-70B

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

Clone the repository:

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

1. Install the dependencies for the backend:

   cd agent poetry install 

2. Create a .env file in the ./agent directory:

   GROQ_API_KEY=your_groq_api_key_here 

3. Run the demo:

   poetry run demo 

1. Install the dependencies for the frontend:

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

2. Create a .env file in the ./frontend-interface directory:

   GROQ_API_KEY=your_groq_api_key_here 

3. Run the Next.js project:

   npm run dev 

4. Navigate to http://localhost:3000.

1. Install the dependencies for the backend:

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

2. Create a .env file in the ./frontend-interface directory:

   GROQ_API_KEY=your_groq_api_key_here 

3. Run the FAST API server:

   python run_agent.py 

1. Launch LangGraph Studio:
   Run LangGraph Studio and load the ./agent folder into it.

2. Ensure proper configuration: Make sure the .env file is properly configured as mentioned in the setup steps.

If you encounter any issues, try the following:

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

This project is UN Licensed.

Give CopilotKit a ⭐ on GitHub if you love it!