View Code? Open in Web Editor NEW

Blogging app is made with Mongoose, Express & React. Users can write their own blog and view blogs written by other users in their feed. Once signed in users can comment & like each blog. Redux is used as state container app is hosted on Heroku.

HTML 5.12% CSS 0.14% JavaScript 87.50% SCSS 7.25%

mern_blog's Introduction

MERN_BLOG

Live

Front-End - React + Redux

Back-End - Node.js(Express.js) & MongoDB

Set-Up Project in your machine

Fork the repo and clone it.
Create a new branch.
Make sure you have npm Node.js installed in your system. MongoAtlas is used, so no need for local MongoDB setup.
MongoAtlas Setup https://www.youtube.com/watch?v=7CqJlxBYj-M&feature=youtu.be&t=293 Set up your .env file and paste in the URI that you get from following the instructions in the video above. Also set token secret to anything, it is used for jwt authentication.

MONGO_ATLAS_KEY=mongodb+srv://<dbUser>:<password>@cluster0-m5jph.gcp.mongodb.net/test?retryWrites=true&w=majority
TOKEN_SECRET=

You need to remember to paste in the and . Do NOT share it publicly, and do NOT include the .env file in commits.

[Only once] Run (from the root) npm install and cd client && npm install.
Un-comment line 30 in app.js (root folder) and comment line 24 & line 35-37.(This is to run app locally, please suggest better way if you know).
Open two terminal windows (one for running Server and other for the UI).
To run server, from root folder run nodemon start and to run client, go to client directory and run npm start.
Go to http://localhost:3000 to see the application running.

Recommend Projects