Skip to content

CopilotKit/demo-presentation

Repository files navigation

This is a demo that showcases using CopilotKit to build a PowerPoint like web app.

Deploy with Vercel

To deploy with Vercel, click the button below:

Deploy with Vercel

Getting Started`

1. install the needed package:

npm i

2. Set the required environment variables:

copy .env.local.example to .env.local and populate the required environment variables.

⚠️ Important: Not all users have access to the GPT-4 model yet. If you don't have access, you can use GPT-3 by setting OPENAI_MODEL to gpt-3.5-turbo in the .env.local file.

If you want online research to work, you only need a tavily API key, which you can obtain here: https://tavily.com/

3. Run the app

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Zoom in on the CopilotKit code

  1. Search for useMakeCopilotReadable to see where frontend application information is being made accessible to the Copilot engine

  2. Search for useAppendSlide and useUpdateSlide to see where the frontend application action is made accessible to the Copilot engine.

  3. In route.ts, see how the backend-running researchAction is defined against the research.ts agent, powered by LangChain's LangGraph and by Tavily research API.


## Learn More

To learn more about CopilotKit, take a look at the following resources:

- [CopilotKit Documentation](https://docs.copilotkit.ai/getting-started/quickstart-chatbot) - learn about CopilotKit features and API.
- [GitHub](https://github.com/CopilotKit/CopilotKit) - Check out the CopilotKit GitHub repository.
- [Discord](https://discord.gg/6dffbvGU3D) - Join the CopilotKit Discord community.