Echo
Echo is an innovative, AI-powered web application designed to transform conversations into interactive learning experiences. Echo dynamically creates educational materials such as quizzes, flashcards, and notes directly from your chat interactions.
Features
- AI Chat Interface: Engage in a conversation with a powerful AI to explore topics and ask questions.
- Import files: Attach files and generate any content.
- Dynamic Content Generation: Instantly generate various types of learning materials based on the
chat content:
- Multiple-Choice Quizzes: Test your knowledge with relevant, AI-generated questions.
- Flashcards: Reinforce key concepts with interactive flashcards.
- Fill-in-the-Blanks: Challenge your recall with contextual blank-filling exercises.
- Notes: Summarize and organize important information into concise notes.
- Responsive Design: A seamless experience across both desktop and mobile devices, featuring a split-screen layout on larger screens and an intuitive mobile interface.
- Modern Tech Stack: Built with the React JS and tailwind css for a fast, reliable, and scalable application.
Tech Stack
- Frontend: React, Vite
- Styling: Tailwind CSS
- AI: Google Generative AI
- UI & Animation: Framer Motion, React Icons
- Markdown & Syntax Highlighting: React Markdown, React Syntax Highlighter
Getting Started
To get a local copy up and running, follow these simple steps.
Prerequisites
Installation
- Clone the repo
sh git clone https://github.com/iden0605/Echo.git - Navigate to the project directory
sh cd Echo - Enter your Gemini API key in the .env file
- Install NPM packages
sh npm install - Run the development server
sh npm run devThe application will be available athttp://localhost:5173(or the next available port).
Built With
- css
- gemini
- html
- javascript
- react
- tailwind

Log in or sign up for Devpost to join the conversation.