📝 Blogeria

Blogeria is a full-stack blogging web application where users can create, read, update, and delete blog posts. It is built using the MERN stack — MongoDB, Express.js, React (with Vite), and Node.js.

---

🚀 Live Demo

🌐 https://blogeria.vercel.app

---

📌 Features

• ✍️ Create, edit, and delete blogs
• 📃 View all published blogs
• 🔒 User authentication with JWT
• 📂 Clean and organized folder structure
• ⚡ Vite-powered React frontend
• ☁️ Deployed on Vercel & MongoDB Atlas

---

🛠 Tech Stack

Frontend

• Vite + React.js
• Axios
• Tailwind CSS
• Vercel (Deployment)

Backend

• Node.js
• Express.js
• MongoDB Atlas
• Vercel (Deployment)

---

⚙️ Installation (Local Setup)

Prerequisites

• Node.js & npm
• MongoDB Atlas account (or local MongoDB)
• Git

# Clone the repo
git clone https://github.com/PrajwalD02/BlogeriaApp.git
cd BlogeriaApp

# ▶️ Frontend Setup (Vite + React)
cd BlogeriaFrontend
npm install
npm run dev

# 🖥 Backend Setup (Node + Express)
cd ../BlogeriaApi
npm install
node index.js

⚠️ Don't forget to add a .env file in BlogeriaApi/:

# 🌐 Server Configuration
PORT=5000
NODE_ENV=development

# 🛢 MongoDB Connection
# Use local or cloud MongoDB URI
# DATABASE_URL=mongodb://localhost:27017/blogapi
# OR for MongoDB Atlas
DATABASE_URL=mongodb+srv://<username>:<password>@cluster0.mongodb.net/blogapi

# 🔑 JWT Authentication
JWT_SECRET=your_jwt_secret_key_here
JWT_EXPIRE=30d

# 📦 File Upload (Multer)
MAX_FILE_SIZE=5000000

# 🔥 Firebase Configuration
FIREBASE_API_KEY=your-api-key
FIREBASE_AUTH_DOMAIN=your-project-id.firebaseapp.com
FIREBASE_PROJECT_ID=your-project-id
FIREBASE_STORAGE_BUCKET=your-project-id.appspot.com
FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
FIREBASE_APP_ID=your-app-id
FIREBASE_MEASUREMENT_ID=your-measurement-id

---

🧠 Future Improvements

• 👍 Like system
• 💬 Comment system
• 🔍 Blog search and filtering
• 📝 Rich text blog editor
• 📊 Admin dashboard

---

👨‍💻 Author

• Created by Prajwal Dhopre
• 📧 LinkedIn