Skip to content

Sahilmd01/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

πŸš€ Blogni is an AI-powered blogging platform built with the MERN stack βš›οΈπŸ–₯️. Using 🧠 Gemini AI, admins can generate full blog content instantly from just a title. ⚑ Fast, intuitive, and perfect for content creators looking to scale. Includes a secure πŸ” admin dashboard and real-time content generation ✨. Give it A STAR

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors