🚀 LinkedIn Content Generator

LinkedIn Content Generator is a smart AI-powered tool that helps users instantly create professional and impactful LinkedIn posts. Ideal for freshers, job seekers, working professionals, and content creators looking to build their personal brand and share valuable insights with their network.

---

✨ Features

• 🧠 AI-Powered Content Creation - Generates high-quality LinkedIn posts from simple user input
• 🎯 Content Categories:
  • Job Tips
  • Education
  • Personal Experience
  • Hiring Announcements
• ⚡ Instant Results - Generates content and displays it on the screen in seconds
• 🌐 Responsive UI - Built using React, Tailwind CSS, and shadcn/ui
• 🔌 Backend Automation - Powered by n8n workflows using Groq API and webhook nodes
• 🖱️ Copy Feature - One-click copy to clipboard for easy sharing on LinkedIn
• 🔄 Regenerate Option - Generate again with the same inputs if needed

---

📸 Live Demo

👉 Try it now: App Link

---

🧠 How It Works

1. Fill the Form
   User enters name, selects a category, and types a topic.

2. Send to Backend (n8n)
   Data is sent to an n8n workflow using a Production Webhook.

3. AI Response
   Groq's LLM (Mixtral/Mistral) generates a relevant, formatted LinkedIn post.

4. Display to User
   The generated post is instantly shown on the frontend for copy and share.

---

🛠 Tech Stack

Component	Technology
💻 Frontend	React.js, Tailwind CSS, shadcn/ui, React Hook Form
⚙️ Backend	n8n (cloud or self-hosted)
🧠 LLM API	Groq API (Mixtral or LLaMA model)
☁️ Hosting	Lovable (Frontend), n8n Cloud (Backend)

---

🚀 Getting Started

1. Clone the Project

git clone https://github.com/SimranShaikh20/linkedin-content-generator.git
cd linkedin-content-generator
npm install

2. Set Environment Variable

Update .env with the production webhook URL from n8n:

REACT_APP_WEBHOOK_URL=https://your-n8n-webhook-url.com

3. Start Development Server

npm start
# Visit http://localhost:3000

4. Deploy Frontend

• Use Lovable, Vercel, or Netlify
• Set the environment variable in the hosting dashboard

---

🧪 Sample Input & Output

Input

{
  "name": "Simran Shaikh",
  "email": "simranshaikh20@example.com",
  "category": "Job Tips",
  "topic": "Resume writing for freshers"
}

Output (Display on Frontend)

📝 Resume Writing for Freshers

Are you just starting out and unsure how to build your resume?

✅ Highlight your academic achievements
✅ Include internships, projects, and certifications
✅ Keep it concise and tailored to the role

Remember: Your resume is your first impression. Make it count!

#JobTips #FreshersGuide #CareerAdvice #ResumeTips

---

🎨 Content Categories

Category	Description
💼 Job Tips	Interview tips, resume writing, do's & don'ts
📚 Education	Course suggestions, online learning tips
✍️ Personal Experience	Share stories, lessons, or growth moments
📢 Hiring	Let others know you’re hiring or looking for talent

---

💡 Pro Tips

• Be specific with your topic (e.g., "Resume tips for CS students")
• Choose the most relevant category
• Keep your topic under 20 words for the best results

---

📍 Roadmap

• Frontend: Category-based LinkedIn post generation
• Integration with n8n backend via webhook
• Add preview card with LinkedIn styling
• Save generated posts locally or via backend
• Add user account & history (future enhancement)

---

👩‍💻 Author

Built with ❤️ by Simran Shaikh

• 💼 LinkedIn
• 💻 GitHub

---

📄 License

This project is licensed under the MIT License. See the LICENSE file for more details.

---

🙏 Acknowledgments

• n8n for the powerful no-code workflow engine
• Groq for blazing fast LLM inference
• Tailwind CSS & shadcn/ui for clean UI components