MERN BLOG

Showcase • Tech Stack • Requirement • Setup Project • Start Project • Contributor

DESCRIPTION : This is a simple MERN stack workshop about web blog. Other user can read blog only but admin can create, read, update and delete blog. This is a simple web application that I have learned from udemy course click here. You can clone it and learn it, enjoy with mern stack kub!.

Showcase

Tech Stack

• Frontend React Javascript with Bootstrap 5
• Backend Express Node.js
• Database MongoDB

Requirement

1. Yarn (1.22.xx)

npm install --global yarn

2. Node.js (18.xx.xx)

Setup Project

1. Clone project

git clone https://github.com/Bourbxn/mern-web-blog.git

2. Setup Database

1. Login to MongoDB Atlas
2. Create schema and copy database url to connect in backend part

3. Setup Backend

1. Install package

cd server
npm i

2. Create file .env in mern-web-blog/server/.env and add

PORT=5500
DATABASE=<database-url>
JWT_SECRET=mern-stack-crud-secret@12345
PASSWORD=admin123

3. Setup Frontend

Install package

cd client
yarn

Start Project

1. Backend

cd server
node server.js

2. Frontend

cd client
yarn dev

3. Start project at http://localhost:3000/

Contributor