Skip to content

jasminaaa20/mernblog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MERN Blog Application

A full-stack blog application built using the MERN stack (MongoDB, Express, React, and Node.js). This project was developed to gain hands-on experience with the MERN stack and related technologies.

Features

  • Display all posts fetched from the MongoDB database.
  • User registration, login, and logout functionalities.
  • Create posts for registered users.
  • Edit functionality for authors of the post.
  • Authentication using JWT.

Important Implementations

  • Handling CORS errors.
  • Storing user information using React context.
  • Using Mongoose to create models and handle database operations.
  • Handling relationships in a NoSQL database.
  • JWT for authentication.
  • Password encryption using bcrypt.
  • Cookie handling for sessions.

Backend Requirements

  1. express: Fast, unopinionated, minimalist web framework for Node.js.
  2. cors: Middleware to enable CORS with various options.
  3. mongoose: Elegant MongoDB object modeling for Node.js.
  4. bcrypt: A library to help you hash passwords.
  5. jsonwebtoken: Implementation of JSON Web Tokens.
  6. cookie-parser: Middleware to parse cookies.
  7. multer: Middleware for handling multipart/form-data.
  8. fs: Node.js core module to work with the file system.

Frontend Requirements

  1. react-router-dom: DOM bindings for React Router.
  2. react-quill: A Quill component for React.
  3. date-fns: Modern JavaScript date utility library.

Prerequisites

  • Node.js and npm installed.
  • MongoDB instance running (local or cloud).

Screenshots

HomePage

HomePage

LoginPage

LoginPage

RegisterPage

RegisterPage

PostPage

PostPage

CreatePost

CreatePost

EditPost

EditPost

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published