blogger

React Node FullStack - A Multi-User Blogging Platform with Node, React, Next.js, Express, and MongoDB.

70
21
JavaScript

BloggingCoder - MERN Stack APP

This is a multi-user blogging platform built with Node, React, Next.js, Express, and MongoDB.

portfolio

Browse for blogs

portfolio

Perform CRUD operations from admin dashboard.

portfolio

Publish your own blogs. Add image, categories and tags.

portfolio

Reset your password

portfolio

Signup/Register to BloggingCoder

portfolio

Receive activation link by email to activate your account

portfolio

Activate your account

portfolio

Update your own profile

portfolio

Send emails to admin

portfolio

Project Description

  • User Signup / Signin
  • JWT based Authentication System
  • Account Activation on User Signup
  • Role Based Authorization System
  • Perform CRUD (Create, Read, Edit or Remove Blogs) Operations from Admin Dasboard or User Dasboard
  • Admin can Add or Remove ‘categories’ and ‘tags’
  • Advanced CRUD with Image Upload
  • Ability to Search for Blogs and Load more Blogs
  • SEO - Search Engine Optimization
  • API Development with Node Express and MongoDB
  • SSR provided by Next.js
  • Blog Author Private Contact Form
  • Multiple User Authorization System
  • Sendgrid for Sending Emails
  • Forgot Password / Reset Password
  • Social Login with Google
  • DISQUS Commenting System
  • Deployed on DigitalOcean

Tools Used

  • React - The front end is powered by React for state management and dynamic rendering.
  • Next.js - for SSR (server-side rendering), statically generated pages and SEO.
  • Node.js and Express.js - for building the server and interacting with the database.
  • MongoDB - a schema-less NoSQL database.
  • Mongooose - the object document modeling (ODM) layer that sits on top of Node’s MongoDB driver.
  • DigitalOcean - as the deployment platform of choice.

Demo