priyankajoshi25

🚀 AI Content Generator Web Application

This AI Content Generator is a smart and interactive web application built using HTML, CSS, and JavaScript, powered by the Google Gemini API. It helps users create high-quality content instantly with the power of artificial intelligence.

With this application, users can ask questions, generate creative ideas, summarize long text, and get simple explanations on any topic within seconds. It is designed with a clean, modern, and responsive user interface, making it easy to use on both desktop and mobile devices.

✨ Key Features:

• AI-powered question answering
• Text summarization
• Creative content generation
• Simple and easy explanations
• Fast and accurate responses
• User-friendly interface

💡 This project demonstrates real-world API integration, asynchronous JavaScript, and modern frontend development skills. It is perfect for students, developers, and anyone interested in exploring the power of AI in web applications.

🚀 Devlog – BMI Calculator Web App
📅 Day 1 – Idea & Planning

Started with the idea of building a simple BMI Calculator to practice HTML, CSS, and JavaScript. Planned the basic features:

Input for height and weight

Calculate BMI

Show result with category (Underweight, Normal, Overweight)

💻 Day 2 – UI Design

Created the basic layout using HTML:

Added input fields for height and weight

Created a button for calculation

Structured a result display section

Used CSS to:

Center the layout

Add colors and spacing

Make it look clean and user-friendly

⚙️ Day 3 – Functionality (JavaScript)

Implemented the core logic:

Took user input

Applied BMI formula:
BMI = weight / (height * height)

Displayed result dynamically

Also added:

Validation for empty inputs

Error handling for incorrect values

🧪 Day 4 – Testing & Debugging

Tested different cases:

Valid inputs

Invalid inputs

Edge cases

Fixed bugs like:

Incorrect calculation due to unit issues

Input handling errors

🌐 Day 5 – Deployment

Deployed the project using GitHub Pages.
Faced a 404 error issue, then fixed it by:

Checking file names (index.html)

Verifying repository settings

📌 Final Features

Easy-to-use interface

Instant BMI calculation

Category-based result

Responsive design

📚 What I Learned

DOM manipulation in JavaScript

Handling user input and validation

Debugging real-world issues

Deploying projects online

(BMI Calculator Project):

Day 1:
Designed the BMI Calculator layout using HTML and CSS and created input fields for height and weight.

Day 2:
Added JavaScript logic to calculate BMI and display the result with BMI category (underweight, normal, overweight). Tested and fixed small bugs.

Day 1: Planned the calculator features and designed the layout with input fields and buttons.
Day 2: Coded the basic operations (addition, subtraction, multiplication, division), tested them, and fixed errors.