Evelyn

Evelyn Introduction

Evelyn is more than just a chatbot; it is an AI tutor designed to engage and assist users in their learning journey. Developed by MindPal Space, Evelyn offers a unique approach to tutoring by leveraging Generative UI and various AI technologies.

Evelyn Features

Next.js App Router + React Server Components

Evelyn utilizes the Next.js App Router and React Server Components, which allows for a seamless and efficient user experience. This modern architecture ensures that the tutor is fast, responsive, and easy to maintain.

Vercel AI SDK 3.0 for Generative UI

One of the key features of Evelyn is its integration with the Vercel AI SDK 3.0, which powers its Generative UI. This cutting-edge technology enables Evelyn to provide a more interactive and engaging learning experience.

OpenAI Tools/Function Calling

Evelyn also leverages OpenAI's tools and function calling capabilities, enhancing its ability to understand and respond to user queries effectively.

shadcn/ui

The project incorporates shadcn/ui, a set of high-quality UI components that contribute to the visually appealing and user-friendly interface of Evelyn.

Evelyn Usage

Running Locally

To run Evelyn locally, you will need to set up the environment variables as defined in the .env.example file. It is recommended to use Vercel Environment Variables for this purpose. Here are the steps to get Evelyn running on your local machine:

1. Install Vercel CLI: npm i -g vercel
2. Link your local instance with Vercel and GitHub accounts: vercel link
3. Download your environment variables: vercel env pull
4. Install dependencies: pnpm install
5. Start the development server: pnpm dev

Your app should now be running on localhost:3000.

Evelyn Demo and Inspiration

Evelyn is inspired by a great demo from anis-marrouchi. You can check out the demo here. If you are interested in building AI tutors like Evelyn, you may want to check out Everlyn AI.

Evelyn Faqs

What is Generative UI?

Generative UI is a concept where the user interface is generated dynamically based on user interactions and the context of the application. It provides a more engaging and personalized experience for the user.

How do I contribute to the Evelyn project?

To contribute to the Evelyn project, you can fork the repository on GitHub, make your changes, and submit a pull request for review.

Is there a live version of Evelyn available?

Yes, you can experience the live version of Evelyn at chat.everlearns.co.

Evelyn in Education

Evelyn is designed to cater to the educational sector, providing a platform for interactive and personalized learning experiences. With its advanced features and user-friendly interface, it aims to revolutionize the way students learn and engage with educational content.

Evelyn Repository Navigation

The repository contains various folders and files necessary for the operation of the Evelyn AI tutor. These include the app, components, lib, and prompt/plugin directories, which are set up for launch. The README.md file provides an overview of the project and instructions for running it locally.

Evelyn Languages and Technologies

Evelyn is primarily written in TypeScript, with minor usage of CSS and JavaScript. The project leverages modern web technologies and AI to deliver an innovative tutoring solution.