AI Explainer is a web application that transforms complex information into clear, concise explanations tailored to different levels of understanding — from beginner to expert.
This project allows users to input any text or concept and receive an explanation adjusted to a chosen difficulty level. It is designed to make learning faster, simpler, and more accessible.
- Multi-level explanations (Kid, Student, Expert)
- Instant AI-generated responses
- Clean and minimal user interface
- Iterative simplification of responses
- Fast and responsive performance
- Frontend: React, Tailwind CSS
- Backend: Node.js, Express
- AI: Google Gemini API
The application follows a simple client-server architecture:
- The frontend handles user input and displays responses.
- The backend processes requests and communicates with the AI model.
- The AI generates explanations based on the selected level.
frontend/ # User interface
backend/ # API and AI integration
- Enter any topic or text.
- Select the desired explanation level.
- Generate an explanation.
- Optionally refine it further using the simplification feature.
The frontend and backend are deployed independently and can be hosted on platforms such as Vercel, Render, or similar services.
The goal of this project is to simplify knowledge and make information accessible to everyone, regardless of their level of expertise.
Yash