https://github.com/snehasish1099/blog_app

A single page blog application built in MERN stack, including user authentication using jwt.
https://github.com/snehasish1099/blog_app

context-api expressjs fetch-api jsonwebtoken mongodb nodejs react-hooks react-router reactjs

Last synced: 3 months ago
JSON representation

A single page blog application built in MERN stack, including user authentication using jwt.

• Host: GitHub
• URL: https://github.com/snehasish1099/blog_app
• Owner: Snehasish1099
• Created: 2025-05-13T14:01:54.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-13T17:56:57.000Z (about 1 year ago)
• Last Synced: 2025-05-13T18:21:03.827Z (about 1 year ago)
• Topics: context-api, expressjs, fetch-api, jsonwebtoken, mongodb, nodejs, react-hooks, react-router, reactjs
• Language: JavaScript
• Homepage:
• Size: 565 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# MERN Stack Blog App

## Deployment Instructions

### Prerequisites

- Node.js and npm

- MongoDB

- PM2

- Serve

### 1. Backend Setup

```bash

cd backend

npm install

nodemon index.js

pm2 start index.js

```

### .env file in backend folder

```bash

MONGO_URI=mongodb-secret-key

JWT_SECRET=jwt-secret

PORT=8000

DB_NAME=blogsapp

SESSION_SECRET=session-secret

```

### 2. Frontend Setup

```bash

cd frontend

npm install || yarn

npm run dev || yarn dev

npm run build || yarn build

serve -s dist -l 5173

```

### .env file in frontend folder

```bash

VITE_API_URL=http://localhost:8000/api

```

## Screenshots

![Login Page](./screenshots/login.png)

![Registration Page](./screenshots/register.png)

![Dashboard Page](./screenshots/dashboard.png)

![Post Blog Form Page](./screenshots/create_blog_post.png)

![Edit Blog Form Page](./screenshots/edit_blog_post.png)

![Delete Blog confirmation](./screenshots/delete_blog_confirmation.png)