Thanks to visit codestin.com
Credit goes to github.com

Skip to content

selina-kim/mern-blog-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN Stack Markdown Blog App

Live Demo at: https://mern-blog-app-client.netlify.app

MERN Stack Markdown Blog App built with MongoDB, Express.js, React, Node.js and Typescript. Client (frontend) deployed with Netlify. Server (backend) deployed with Vercel.

Check out the Live Demo

  • You can create and login to accounts.
  • You can create/edit/delete blog posts.
  • You can visit other blogs. Here's a sample blog you can visit.

Note: This is a demo -- the database automatically resets every 24 hours.

Dev Commands

cd server
npm run dev
cd client
npm run dev

Structure

Frontend

  • vite
  • tailwindcss
  • react
  • react-icons
  • headlessui
  • react-markdown
  • @uiw/react-md-editor

Backend

  • express.js
  • mongoose
  • nodemon
  • envalid
  • morgan
  • bcrypt
  • jwt
  • cookie-parser

Features

  • Markdown
  • JWT Authentication / Authorization
  • Image Upload Functionality
  • OAuth2 Authentication