ARYPROGRAMMER/Learn-Coding-with-Copilotkit

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.

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://.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 if you love it!