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

LoginPage

RegisterPage

PostPage

CreatePost

EditPost