Skip to content

README.md

Latest commit

 

History

History
60 lines (45 loc) · 1.9 KB

README.md

File metadata and controls

60 lines (45 loc) · 1.9 KB

Blogify – Full‑Stack Blogging Platform

A production‑ready MERN blog platform with authentication, posts, comments, likes, and a modular design system.

🚀 Tech Stack

Layer Technology
Frontend React 19, React Router 7, Tailwind CSS
State React Context (User, Theme, Sidebar)
Backend Node.js, Express 5, MongoDB (Mongoose)
Auth JWT, bcryptjs
HTTP Client Axios
Validation express-validator
Security helmet, cors, express-rate-limit
Deployment Vercel (frontend), Render (backend), Atlas (DB)

📦 Features (completed)

  • ✅ User authentication (signup, login, logout, protected routes)
  • ✅ Post CRUD (create, read, update, delete) with likes & views
  • ✅ Comment system (create, approve/reject for admins, replies, likes)
  • ✅ Dashboard with user’s posts and statistics
  • ✅ Public homepage with latest posts
  • ✅ Responsive layout with collapsible sidebar
  • ✅ Dynamic theming (light/dark/minimal/warm) + accent colour picker
  • ✅ Consistent API responses: { success, message, data }
  • ✅ Input validation & sanitisation
  • ✅ Rate limiting, security headers, error handling

🛠️ Local Setup

Prerequisites

  • Node.js 18+
  • MongoDB (local or Atlas URI)

Environment Variables

Backend (.env in backend/)

Frontend (.env.production in frontend/)

Frontend (.env.development in frontend/)

Install & Run

# Clone repo
git clone https://github.com/tanya-2004/Blogify.git
cd Blogify

# Backend
cd backend
npm install
npm run dev          # runs on http://localhost:5000

# Frontend (new terminal)
cd frontend
npm install
npm start            # runs on http://localhost:3000