![logo](https://private-user-images.githubusercontent.com/86107841/250050382-8c29931a-bb9d-4182-ab77-66dae243ca5b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5ODA5NDEsIm5iZiI6MTcyMzk4MDY0MSwicGF0aCI6Ii84NjEwNzg0MS8yNTAwNTAzODItOGMyOTkzMWEtYmI5ZC00MTgyLWFiNzctNjZkYWUyNDNjYTViLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDExMzA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ0YjU2OGE1MjY4ZTMzY2NlZjhiNjkxNGExNjUxNmFiNWI0YjM2ZmFhYmVmYzg4MjkzMGI3NTQ2NGIxN2VmMWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IBk7JWYIhoWMaskzeB4nmmofgw4eXO5EyCn7bstrPD8)
MERN Blog is full stack MERN (MongoDB) stack blog website where user can create their account, login and write their post on website with their comprehensive content and edit any time when required. It uses JWT for authetication, MongoDB for user data storage, React-Router-DOM for creating routes.
- Application Home page
- Content Page
- Edit Page
Client
Server
Database
- JWT Authentication
- Creat Post Functionality
- Edit Post Feature
Color | Hex |
---|---|
Primary Color | |
Secondary Color | |
Accent Color | |
Text Color |
To run this project, you will need to add the following environment variables to your .env file
JWT_SECRET
MONGODB_URI
Install the project with npm Create a api folder
npm init
then run:
npm install --save
Install other dependencies from api/package.json.
Install the project with npm Create a client folder
npx create-react-app my-project
Install other dependencies from client/package.json.
-
Install React-Router-DOM using
npm install react-router-dom
. -
Create account on Atlas website, create a project and from the connect option copy the Nodejs URI and use it.
Create a folder Clone the api project
https://github.com/Priyanshu88/MERN-Blog/api
then clone the client project
https://github.com/Priyanshu88/MERN-Blog/client/
Go to
https://github.com/Priyanshu88/MERN-Blog/api/
run
npm install
and type node index.js
then go to
https://github.com/Priyanshu88/MERN-Blog/client
run
npm install
and type npm run start
This project uses react-quill
to edit the post.
Contributions are always welcome!
Priyanshu Pandey - @twitter_handle - [email protected]
Project Link: