Apppublic

vikasgautam2003/Xplain__Your_topic_Explainer

sourceHugging Facemitupdated 1y agoView on Hugging Face

0likes

App README

🧠 Xplain- Your Topic Explainer

![Node.js](https://nodejs.org/) ![Express](https://expressjs.com/) ![LangChain](https://js.langchain.com/) ![Google Gemini API](https://ai.google.dev/)

📖 Overview

This project is a Topic Explainer Web App built with:

—Node.js + Express.js (backend)
—EJS (templating engine for frontend)
—LangChain.js + Google Gemini API (LLM integration)

Users can enter any topic, and the app generates a detailed explanation using AI.

🚀 Features

—🌐 Simple web interface with EJS templates
—📚 AI-generated explanations of any topic
—⚡ Fast and scalable backend with Express.js
—🔑 Secure API key management via .env
—🎨 Ready to style and extend

🛠️ Installation

1️⃣ Clone the Repository

bash

git clone https://github.com/your-username/langchain-topic-explainer.git
cd langchain-topic-explainer


2️⃣ Install Dependencies
npm install

3️⃣ Set Environment Variables

Create a .env file in the project root:

GOOGLE_API_KEY=your_google_api_key_here

4️⃣ Run the App
node server.js


App will be running at 👉 http://localhost:3000

📂 Project Structure
📦 langchain-topic-explainer
├── 📜 server.js        # Express server
├── 📜 langchain.js     # LangChain integration logic
├── 📜 package.json     
├── 📂 views/           # EJS templates
│   └── index.ejs       
├── 📂 public/          # Static files (CSS, images, JS)
├── 📜 .env             # Environment variables
└── 📜 README.md        

🔑 API Key Setup

Go to Google AI Studio
.

Generate a Gemini API key.

Add it to your .env file as GOOGLE_API_KEY.

🧑‍💻 Usage Example

Enter a topic like:

Artificial Intelligence


The app will return a detailed explanation powered by Gemini.