AI-Powered Content Generator banner

AI-Powered Content Generator

Created by: tanishathakur25
1 devlog
4h 29m 16s

BrainyBot is a sleek, interactive AI assistant that helps you with multiple tasks in one place. With a modern glass-card design and smooth animations, it makes learning and creating fun. You can:

Ask AI – Get quick answers or detailed explanati…

BrainyBot is a sleek, interactive AI assistant that helps you with multiple tasks in one place. With a modern glass-card design and smooth animations, it makes learning and creating fun. You can:

Ask AI – Get quick answers or detailed explanations based on your question.

Summarize Text – Paste any text and get a short, clear summary in a few lines.

Generate Ideas – Input a topic and receive 5 creative, bullet-point ideas instantly.

Get Definitions – Find simple, 2-line explanations for any term.

The app is fully responsive, with a clean gradient background, glassy cards, and interactive buttons that make your AI experience visually appealing and easy to use. Perfect for students, creators, or anyone curious to learn faster and smarter.

This project uses AI

yes, i use AI in this this project for solving error

Demo Repository

README

Loading README...
tanishathakur25
tanishathakur25 worked on AI-Powered Content Generator
7 days ago
4h 29m logged

Day 1 – Project Idea

I decided to build an AI Quiz Generator that can create quiz questions based on a topic entered by the user. The goal of this project was to learn how to integrate AI APIs into a web application and create an interactive learning tool.

Day 2 – Building the UI

I created the basic structure of the project using HTML and CSS.
I designed a clean interface with:

A heading

An input box for entering the topic

A button to generate the quiz

A result area to display the question and answer.

I also added hover effects and card styling to make the interface look modern and user-friendly.

Day 3 – Adding JavaScript Logic

I added JavaScript to make the application interactive.
When the user clicks the Generate Question button:

The program reads the topic entered by the user.

It checks if the input field is empty.

If empty, it shows a message asking the user to enter a topic.

Day 4 – Integrating AI

I connected the project with the Gemini API provided by Google.

The application sends a request to the API with a prompt asking it to generate:

One quiz question

The correct answer

The response from the AI is then displayed on the webpage.

Day 5 – Testing and Deployment

I tested the application with different topics to ensure it generates questions correctly.
After testing, I uploaded the project to GitHub and deployed it using GitHub Pages so the app can run online.

🚀 Final Result

The final project is a simple AI-powered quiz generator that allows users to quickly create quiz questions for learning and practice.

Attachment
0