Skip to content

tomas0502/Blogni

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🧠 Blogni — AI-Powered Blogging Platform

Blogni is a modern AI-powered blogging platform that integrates Gemini (by Google) to generate blog content intelligently. It comes with a full-featured admin panel for managing posts, users, and content — perfect for developers, writers, or content teams looking to streamline publishing with the help of generative AI.


🚀 Features

  • ✍️ AI Blog Generation — Easily generate blog drafts using Gemini API.
  • 📂 Admin Panel — Create, edit, delete, and manage blog posts and users.
  • 🔐 Authentication — Secure login for admin access.
  • 🧾 Rich Text Editor — Write and format content with ease.
  • 🖼️ Image Uploads — Add cover images and inline media.
  • 🔍 SEO-Ready — Structured metadata for better search engine indexing.
  • 🧱 Tech Stack — Built with MERN (MongoDB, Express, React, Node.js).

🛠️ Tech Stack

Layer Technology
Frontend React + Vite
Backend Node.js + Express
Database MongoDB (Mongoose)
AI Writer Gemini API (Google AI)
Auth JWT / bcrypt

📸 Admin Panel

The admin dashboard allows you to:

  • Manage all blog posts
  • Generate posts with Gemini AI
  • Edit existing content using a WYSIWYG editor
  • Control visibility and SEO settings

📦 Installation

1. Clone the repo

git clone https://github.com/your-username/blogni.git
cd blogni

2. Install dependencies

# Client
cd client
npm install

# Server
cd ../server
npm install

3. Set up environment variables

Create .env in the /server folder:

PORT=5000
MONGO_URI=your_mongo_connection_string
JWT_SECRET=your_jwt_secret
GEMINI_API_KEY=your_google_gemini_api_key

4. Start development server

# Start backend
cd server
npm run dev

# Start frontend
cd ../client
npm run dev

🧠 Gemini Integration

The blog uses Gemini to generate post ideas and full articles. Admins can:

  • Input a topic or prompt
  • Let the AI generate an article draft
  • Edit or publish the post directly

📁 Project Structure

Blogni/
│
├── client/         # Frontend (React + Vite)
├── server/         # Backend (Node.js + Express)
│   ├── models/
│   ├── controllers/
│   ├── routes/
│   └── .env
├── .gitignore
├── README.md

✅ TODO / Roadmap

  • Add user-facing blog frontend
  • Commenting system
  • Post scheduling
  • AI-powered image generation

🧑‍💻 Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you’d like to change.


📄 License

This project is open-source under the MIT License.


🌐 Live Demo

Coming soon...


👤 Author

Your Name GitHub · LinkedIn


---

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors