Insight — MERN Blogging Platform
A full-stack blogging web application featuring CRUD posts, user comments, likes, and admin dashboards, built with the MERN stack and Firebase Auth.

Tue May 28 2024

MongoDBExpressReactNode.jsFirebase Auth
Image of Insight — MERN Blogging Platform

Insight is a full-featured blogging platform built on the MERN stack. It allows users to write posts, comment, like/dislike feedback, and sign in securely via Firebase Auth.

App Screenshots

Public Web Pages

Home ScreenAbout PageProjects Page
Home ScreenAbout PageProjects Page
Article ViewSearch & Filter
Article PostSearch Page

Authentication

Sign InSign Up
Sign InSign Up

Blogging CRUD

Create PostUpdate Post
Create PostUpdate Post

Admin Dashboard

Main AnalyticsEdit ProfileManage Posts
Dashboard AnalyticsProfile EditPost Management
Manage CommentsManage Users
Comment ManagementUser Management

Features

  • 📝 Full Blog CRUD — Create, edit, publish, and delete blog posts using rich text layouts.
  • 💬 Comment Threading — Leave feedback on posts and vote on comment ratings.
  • 🔐 Firebase Auth — Secure third-party Google and email credentials sign-in/registration.
  • 📊 Admin Oversight Panel — Administrative interface to audit posts, comments, and user accounts.

Tech Stack

Frontend

  • Framework: React.js, React Router
  • State: Redux Toolkit
  • Styling: Tailwind CSS & Flowbite React
  • Auth Service: Firebase Client SDK

Backend & DB

  • Runtime: Node.js & Express.js
  • Database: MongoDB with Mongoose
  • Tokens: JWT for session auth

Architecture Highlights

Insight combines Firebase Authentication for client sessions with JWT tokens for API route authorization. The backend validates requests via middleware, verifying both user IDs and admin roles before authorizing modifications on MongoDB documents.