Skip to content

Ketan-33/MERNstack-blog-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 

Repository files navigation

MERNstack Blog App

Project Description

This project is a blog platform where users can register, login, and create blog posts. The platform supports user authentication, user roles (e.g., Author), and image uploads using Cloudinary. The project is built with Node.js, Express, MongoDB, and uses bcrypt for password hashing.

Features

  • User Registration and Login
  • Password Hashing and Authentication
  • User Roles (e.g., Author)
  • Blog Post Creation and Management
  • Image Upload with Cloudinary

Setup Instructions

Prerequisites

  • Node.js installed on your machine
  • MongoDB installed and running on your machine
  • Cloudinary account for image uploads

Steps to Set Up the Project Locally

  1. Clone the repository
    git clone https://github.com/Ketan-33/MERNstack-blog-page.git
    cd MERNstack-blog-page
    
  2. Set up enviroment
    cd backend
    copy config.env.example config.env
  • edit the .env file with your credentials
  1. Seed the database
  • Inside backend directory
    npm run seed
    
  1. Install Dependencies and Start project
  • Inside backend and frontend directories run
    npm install
    npm start
    
  1. Access the application Open your browser and navigate to http://localhost:5173

Default Login Credentials:

Role Email Password
Author obito@example.com password123

Screenshots

Register Page

Register Page

Login Page

Login Page

Home Page

Home Page Home Page

Blogs page

Blogs Page

Authors

Authors

Dashboard

Dashboard

Chart

Chart

Profile page

Profile Page

About

A full-stack blogging platform featuring authentication, rich text editing, and CRUD operations. Built with MERN offering a smooth and engaging writing experience.

Resources

Stars

Watchers

Forks

Contributors