✍️ BlogWriter AI

A modern, responsive blog content generator web app. Utilizes OpenRouter API to create SEO-optimized blog posts based on user prompts..

🚀 Generate high-quality blog posts based on a topic and writing tone using the power of AI.

🔗 Live Website: https://blogwriter.pradeepx.me

---

--- ## 🔥 Features

🎨 UI / UX

• ✅ Clean, responsive UI built with Tailwind CSS
• 📝 Input field for blog topic
• 🎯 Tone selector: Formal, Casual, SEO-Friendly
• ⚡ Generate button with loading animation
• 📄 Nicely formatted AI-generated blog content
• 🔢 Word count and estimated reading time (200 WPM)
• 📋 Copy to clipboard
• 📥 Download as .txt file
• 🌗 Light/Dark theme toggle with persistence
• 📱 Fully responsive (mobile/tablet/desktop)

---

🤖 AI Integration (Gemini Pro)

Uses the official @google/generative-ai SDK.

✉️ Prompts

• Formal → “Write a formal and professional blog post.”
• Casual → “Write a friendly and conversational blog post.”
• SEO-Friendly → “Write an SEO-optimized blog post using relevant keywords.”

---

🛠 Tech Stack

Technology	Purpose
React (Vite)	Frontend framework
Tailwind CSS	Styling and responsiveness
@google/generative-ai	AI content generation
dotenv (.env)	API key management
React Icons	Icons and UI enhancements
classnames	Dynamic class management

---

🧑‍💻 Author

• Pradeep Kumar Maurya